Как мне нацелить это с помощью 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-wrapper .wpf').eq(2).find('tr').eq(1).prepend('<td class="emblem"></td>');

Answer 4

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