Нахождение n-го ребенка братьев и сестер с помощью jQuery

Question

Допустим, у меня есть две таблицы, которые выглядят так:

TH   TH   TH   TH  
TD   TD   TD   TD  
TD   TD   TD   TD  

и

TH   TH   TH   TH  
TH   TD   TD   TD  
TH   TD   TD   TD  

Я бы хотел выбрать 3-й столбец в каждом.

Сначала я использовал nth-child как таковой:

$('table tr td:nth-child(3)')

Но это не сработает, поскольку 3-й TD находится в разных столбцах в каждой таблице.

В псевдокоде мне нужно «получить 3-й TD или TH в каждой строке».

Полагаю, мне нужно использовать $ .siblings, но я не совсем уверен.

Answer 1

Это работает для меня:

$('table tr :nth-child(3)').css('background-color', 'red');

Устанавливает цвет фона 3-го столбца на «красный» (работает для обеих таблиц).

Обратите внимание, что между tr и :nth-child(3) есть пробел, а перед :nth-child(3).

нет td.

Вы можете проверить этот сайт для примера кода и поэкспериментировать с ним.

Answer 2

Вам нужно написать $('table tr *:nth-child(3)')

Селектор :nth-child выбирает элементы, являющиеся потомком n ^th их родителя, независимо от того, сколько братьев и сестер соответствует селектору.

Вы (неправильно) описываете селектор :eq.