Derniers tutoriels de développement web
 

jQuery :nth-child() Selector

<JQuery sélecteurs

Exemple

Sélectionnez chaque <p> élément qui est le troisième enfant de son parent:

$("p:nth-child(3)")
Essayez - le vous - même »

Définition et utilisation

Le :nth-child( n ) sélecteur sélectionne tous les éléments qui sont la nth - nth enfant, indépendamment du type, de leur parent.

Astuce: Utilisez le :nth-of-type() sélecteur pour sélectionner tous les éléments qui sont la n th enfant, d'un type particulier, de leur parent.


Syntaxe

:nth-child( n |even|odd| formula )

Paramètre La description
n L'indice de chaque enfant à l'avenant.

Doit être un nombre. Le premier élément a le numéro d'index 1.
even Sélectionne chacun even élément enfant
odd Sélectionne chaque odd élément enfant
formula Indique quel élément (s) de l' enfant à être sélectionné avec une formule ( an + b ) .
Exemple: p:nth-child(3n+2) sélectionne chaque 3e paragraphe, à partir de l'élément 2e enfant

Essayez-le vous-même - Exemple

Sélectionnez chaque <p> élément qui est le deuxième enfant de tous les <div> éléments
Comment sélectionner chaque <p> élément qui est le deuxième enfant de tous les <div> éléments.

En utilisant une formule (an + b)
Comment utiliser une formule ( an + b ) pour sélectionner différents éléments enfants.

Utilisation de "même" et "odd"
Comment utiliser pair et impair pour sélectionner différents éléments enfants.

Différence entre :nth-child() , :nth-last-child() , :nth-of-type() et: type nième de dernier ()
La différence entre p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) et p:nth-of-last-type(2) .


<JQuery sélecteurs