classe Ajout à tous les éléments en utilisant: eq

Question

Je veux ajouter la classe « deuxième col » à tous deuxième TD dans chaque ligne, mais cela ne fonctionne pas:

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

Answer 1

utilisation nth-child, 'eq' sera Reduce the set of matched elements to a single element

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

Answer 2

essayer

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

au lieu

Answer 3

utilisant une sélection de plaine css:

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

Notez que si vous avez plus de 2 colonnes, celles qui suivent la deuxième colonne seront également sélectionnées. Donc, en fonction de votre balisage, cela peut - ou ne pas être pertinent: vous devez remplacer ces colonnes supplémentaires par une autre action jquery (en utilisant td + td + td). Mais je pensais que je pointerais vers cette possibilité.

Answer 4

Vous pouvez également utiliser:

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

ou

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

en fonction de ce que vous voulez sélectionner.

documentation:

even

Odd