How do I target this with jQuery? (image)

Question

I am trying to target the blue highlighted line in the image below and prepend a <td> to it.

I tried...

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

But it's not working. Am I missing something?

Answer 1

The third child of #wpf-wrapper is not the third .wpf ; it's #trail . Additionally, :nth-child(2) selects the second child, rather than the third.

Use :eq() instead:

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

Answer 2

The :nth-child() selector takes into account all children . Try using :eq() instead, which only counts from the result set of the selector.

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>');