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 à
2. $(‘tr:nth-child(3n)’) - sélectionne tous les éléments correspondant à
3. $(‘tr:nth-child(even)’) - sélectionne tous les éléments correspondant à
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 |
Related
- Sélectionner plusieurs éléments dans jQuery
- jQuery - Un exemple de sélecteur d’enfants uniquement
- Comment sélectionner un bouton radio avec jQuery
- Exemple avec jQuery click () et dblclick ()
- jQuery - Exemple de sélecteurs d’enfants et de frères et soeurs
- jQuery - Exemple de sélecteur Universal **
- jQuery - Comment obtenir un élément avec le nom et l’id de la classe CSS
- jQuery - Exemples de sélecteur d’attribut
- jQuery - effet de filigrane sur la saisie de texte
- jQuery - Comment obtenir la valeur de la balise ou le contenu de l’élément
- Comment obtenir le dernier tweet via jQuery
- jQuery - Comment obtenir le nom de la balise
- Spring 4 MVC Ajax Hello World Exemple
- Exemple avec jQuery find ()
- Exemple avec jQuery mousemove ()
- Exemple avec jQuery html ()
- Comment détecter le comportement de copier, coller et couper avec jQuery
- jQuery - Exemple de sélecteur de descendant
- Exemple de sélecteurs de formulaire jQuery
- jQuery - Exemple de sélecteur d’enfants