English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :nth-Sélecteur child()

Sélecteurs jQuer

:nth-child(n)Le sélecteur sélectionne tous les éléments appartenant à l'élément parent :Le n-ième enfantTous les éléments d'un élément.

Utiliser:nth-de-type()Le sélecteur sélectionne tous les éléments de type spécifique appartenant à l'élément parent :Le n-ième enfantTous les éléments d'un élément.

Grammaire :

$(":nth-child(number|An+B|odd|even)")

Exemple

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

$("document").ready(function() {
  -child(3)
});
Vérifiez et voyez‹/›

Les mots-clés impair et pair sont utilisés pour correspondre aux éléments enfants dont l'index est impair ou pair :

$("document").ready(function() {
  -child(odd)
  $("li:nth-Utilisez l'équation (
});
Vérifiez et voyez‹/›

Explication :An + B)Areprésente une taille de cycle,nest un compteur (commençant à 0), tandis queBest une valeur décalée :

$("document").ready(function() {
  -child(4n + 1)
  $("li:nth-child(3n) ).css("background", "coral");
});
Vérifiez et voyez‹/›

Valeur du paramètre

ParamètresDescription
numberIndex de chaque enfant à correspondre (de1Début)
impairSélectionner chaque élément fils impair
pairSélectionner chaque élément fils pair
An+BSpécifier l'élément fils à sélectionner
Exemple : p : nth-child(3n + 2) à partir du deuxième élément fils

Sélecteurs jQuer