使用以下方法将类添加到所有元素：eq

Question

我想将“second-col”类添加到每行的所有第二个TD中，但这不起作用：

$('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 td:odd').addClass('second-col');

或

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

取决于您要选择的内容。

文件：

even

Odd

Answer 3

使用普通的CSS选择：

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

请注意，如果您有超过2列，则也会选择第二列之后的列。因此，根据您的标记，这可能 - 或者可能不相关：您需要使用另一个jquery操作覆盖这些附加列（使用td + td + td）。但我想我会指出这种可能性。

Answer 4

尝试

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