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
- jQuery - Un exemple de sélecteur d’enfants uniquement
- jQuery - Exemple de sélecteur vide
- Exemple de sélecteurs de formulaire jQuery
- Boucle jQuery sur une chaîne JSON - Exemple: $ .each
- Différent entre mouseover () et mouseenter () dans jQuery
- Comment charger des bibliothèques Ajax à partir de Google Code?
- jQuery - Exemple de sélecteur de fratrie adjacent
- Comment charger JavaScript à l’exécution avec jQuery
- Exemple d’effet flottant mashable avec jQuery
- jQuery - Comment obtenir un élément avec le nom et l’id de la classe CSS
- Différent entre mouseout () et mouseleave () dans jQuery
- Comment sélectionner un bouton radio avec jQuery
- jQuery - Comment obtenir la valeur de la balise ou le contenu de l’élément
- jQuery - Exemple de sélecteur d’enfants
- Exemple avec jQuery append () et appendTo ()
- Comment vérifier si la bibliothèque jQuery est chargée?
- Différence entre filter () et find () dans jQuery
- jQuery - Premier enfant
- jQuery - Comment obtenir le nom de la balise
- Comment obtenir le nombre de signets Delicious avec jQuery et JSON