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 - Exemple de sélecteur de descendant
- jQuery Hello World
- jQuery - Exemple de sélecteurs d’enfants et de frères et soeurs
- Comment déclencher le gestionnaire d’événements d’autres éléments avec jQuery
- jQuery - Exemple de sélecteur d’enfants
- jQuery - Exemple de sélecteur de fratrie adjacent
- Exemple de sélecteurs de formulaire jQuery
- jQuery - Exemple de sélecteur de fratrie général
- Comment sélectionner un bouton radio avec jQuery
- Exemple avec jQuery empty () et remove ()
- exemple de basculement jQuery pour afficher et masquer le contenu
- jQuery - Premier enfant
- jQuery - Exemple de sélecteur vide
- Spring MVC - recherche un lieu à l’aide d’une adresse IP (jQuery + Google Map)
- jQuery - Exemple de sélecteur Universal **
- jQuery - Exemple de sélecteur Universal **
- Exemple avec jQuery prepend () et prependTo ()
- jQuery - Exemple de sélecteur de fratrie général
- jQuery - Comment obtenir le nom de la balise
- Comment cocher/décocher une case avec jQuery