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
- Exemple avec jQuery toggleClass
- jQuery - Exemple de sélecteur Universal **
- Spring MVC - recherche un lieu à l’aide d’une adresse IP (jQuery + Google Map)
- jQuery - Comment obtenir la valeur de la balise ou le contenu de l’élément
- Exemple avec jQuery mousemove ()
- Comment créer une info-bulle avec jQuery
- Exemple avec jQuery slideUp (), slideDown () et slideToggle ()
- Exemple d’événements clavier jQuery
- Comment sélectionner un bouton radio avec jQuery
- jQuery - Exemple de sélecteur d’enfants
- Exemple de sélecteurs de formulaire jQuery
- jQuery - Exemple de sélecteurs d’enfants et de frères et soeurs
- exemple de basculement jQuery pour afficher et masquer le contenu
- JQuery ne fonctionne pas dans wordpress - Solution
- jQuery - Exemple de sélecteur de fratrie général
- jQuery - Exemple de sélecteur de descendant
- jQuery - Comment obtenir un élément avec le nom et l’id de la classe CSS
- Exemple avec jQuery show () et hide ()
- jQuery - Comment obtenir le nom de la balise
- Exemple avec jQuery prepend () et prependTo ()