jquery - 如何获取表中具有特定类的第n行

Question

下面的代码应该使用 .graphedRow 类从表中获取第 n 行。它适用于第一行，但不适用于其他行。

http://jsfiddle.net/hRpAw/

Answer 1

尝试使用 .eq() 相反。

$('#someTable tbody .graphedRow').eq(pointIndex+1).css('background-color', '#FEFF9F');

但值得注意的是eq()索引从 0 开始。

<小时/>

在 Firebug 中进行了一些测试。

:nth-child比 .eq() 稍快在这种情况下。 (快百分之一毫秒)

此外，:nth-child工作正常，但它的索引基于 #someTable tbody 的所有子项。它只返回那些类 .graphedRow 的内容.

所以看看你的 JSFiddle，你有 6 <tr> <tbody>内其中三个具有类 .graphedRow (这将是第 1 个、第 4 个和第 6 个 <tr> )所以 :nth-child(1) , :nth-child(4) , :nth-child(6) ，会选择那些。

:nth-child由于 #someTable tbody 的其他子项， 的索引仍然增加(其他 <tr> 没有该类)

哪里 .eq()的索引基于 .graphedRow 的多个实例出现在#someTable tbody内