jQuery 嵌套 :eq 选择器答案

【问题标题】：jQuery nested :eq selectorjQuery 嵌套 :eq 选择器
【发布时间】：2011-12-15 21:14:09
【问题描述】：

我是jQuery 的新手，我正在尝试选择table 中的单元格。例如，我的表格有 3 个列，每个列有 3 个单元格。

所以我尝试选择第一行的第一个单元格，例如这样：

$("#table tr:eq(0) td:eq(0)")

但不起作用！这样做的正确方法是什么？

【问题讨论】：

那确实工作。你确定你的问题不在其他地方吗？ jsfiddle.net/karim79/3B8cL
可以发相关的HTML吗？
我可以发布我的代码，但我相信这不是那么重要。我的代码运行良好，只是没有显示，例如这个$("#table tr:eq(0) td:eq(0)").html()
那个选择器确实有效，看看这个jsFiddle。你确定你的第一行确实包含<td> 元素而不是<th> 元素或类似的东西吗？

【解决方案1】：

您确定您的表的 ID 是表吗？或者您的选择器中是否应该没有 #。

如果你的table没有table的ID，而你想通过tagname进行选择，则

的选择器

$("table tr:eq(0) td:eq(0)");

应该可以。也可以用其他方式写，比如：

$("table tr:first td:first");

我认为问题可能是你有一个错误的哈希值；）

【讨论】：

【解决方案2】：

尝试添加它以确保它不工作（或不工作）

$("#table tr:eq(0) td:eq(0)").css('background','red').otherStuff();

您的桌子是否有 id table？试试：

$("table tr:eq(0) td:eq(0)").css('background','red').otherStuff();

【讨论】：

【解决方案3】：

你可以试试这个：

$("#table tr:nth-child(0) td:nth-child(0)")

我没有测试它。

编辑：nth-child 是 1-indexed。所以它应该是 nth-child(1)。

【讨论】：

nth-child selector 是 1-indexed 所以这不起作用。
确实如此。我刚刚测试了以下有效的方法： alert($("#tab tr:nth-child(1) td:nth-child(1)").html()); （tab 是我的表的 id）