Добавление класса ко всем элементам с помощью: эк

Question

Я хочу, чтобы добавить класс «второго-Col» ко всем второй ТД в каждой строке, но это не работает:

$('table.tst3 tbody td:eq(1)').addClass('second-col'); 

Answer 1

nth-child использовать вместо 'eq' будет Reduce the set of matched elements to a single element

$('table.tst3 tbody td:nth-child(2)').addClass('second-col'); 

Answer 2

попробовать

$('table.tst3 tbody tr td:nth-child(2)').addClass('second-col'); 

Answer 3

используя простой выбор CSS:

$('table.tst3 tbody td + td').addClass('second-col'); 

Обратите внимание, что если у вас имеется более двух столбцов, то будут выбраны и те, что указаны после второго столбца. Таким образом, в зависимости от вашей разметки это может быть или не может быть релевантным: вам нужно будет перезаписать эти дополнительные столбцы с помощью другого jquery-действия (используя td + td + td). Но я думал, что хочу указать на эту возможность.

Answer 4

Вы также можете использовать:

$('table.tst3 tbody td:odd').addClass('second-col'); 

или

$('table.tst3 tbody td:even').addClass('second-col'); 

в зависимости от того, что вы хотите выбрать.

документация:

even

Odd