jquery - 如何使用 nth-child 选择特定行的单元格

Question

我有一张 3x3 table 。

我想选择特定行中的每个 td。 (以第二行为例)

$('table > tbody > tr:nth-child(2) > td').css("background-color","red");

以上代码仅将第二行第一列设置为红色。

我期望它修改第二行中的每个 td，但似乎我遗漏了一些东西。

为什么上面的代码不能按预期工作？

(编辑:我使用 Chrome 13 和 jquery 1.7.1)

Answer 1

Chrome 似乎是 bugged again ^{在 Chrome 中查看此演示(在 Chromium 17 中观察到错误)}。

您可以使用 .children() 而不是 > td ，这相当于:

$('table > tbody > tr:nth-child(2)').children().css("background-color","red");

演示:http://jsfiddle.net/kYZWY/2/