jQuery - Exemple de sélecteur de nième enfant

jQuery - Exemple de sélecteur nième enfant

Le jQuerynth-child est utilisé pour sélectionner tous les éléments qui sont ntg-enfants de leur parent. Le nième enfant (n) est «indexé 1», ce qui signifie que le «n» compte commence à 1.

Par exemple,
1. $(‘tr:nth-child(3)’) - sélectionne tous les éléments correspondant à qui sont le troisième enfant de leur parent.
2. $(‘tr:nth-child(3n)’) - sélectionne tous les éléments correspondant à qui sont tous les trois enfants de leur parent.
3. $(‘tr:nth-child(even)’) - sélectionne tous les éléments correspondant à qui sont l'enfant pair de leur parent.

P.S The ‘even’ and ‘odd’ are always used to create table zebra stripes effect.

Exemple jQuery

Un exemple simple pour illustrer l'utilisation de la fonction nth-child pour modifier la couleur d'arrière-plan de la ligne du tableau de manière dynamique.



jQuery nth-child example






jQuery nth-child example

Row #1
Row #2
Row #3
Row #4
Row #5
Row #6
Row #7
Row #8
Row #9
Row #10