我如何用jQuery来解决这个问题？ （图片）

Question

我正在尝试定位下图中蓝色突出显示的行，并在其前面添加<td>。

我试过......

$('#wpf-wrapper .wpf:nth-child(2) tr:nth-child(2)').prepend('<td class="emblem"></td>');

但它不起作用。我错过了什么吗？

Answer 1

#wpf-wrapper的第三个孩子不是第三个.wpf;它是#trail。此外，:nth-child(2)选择第二个孩子，而不是第三个孩子。

改为使用:eq()：

$('#wpf-wrapper .wpf:eq(2) tr:nth-child(2)').prepend('<td class="emblem"></td>');

Answer 2

:nth-child()选择器会考虑所有孩子。请尝试使用:eq()，而只使用选择器的结果集。

Answer 3

$(".wpf:eq(1) .forumsList tr:eq(1)").prepend('<td class="emblem"></td>');

Answer 4

$('#wpf-wrapper .wpf').eq(2).find('tr').eq(1).prepend('<td class="emblem"></td>');