Parcours jQuery -Frères et sœurs
Les frères et sœurs partagent le même élément parent.
Avec jQuery, vous pouvez parcourir horizontalement l'arborescence DOM pour trouver les frères et sœurs d'un élément.
Parcours horizontal dans l'arborescence DOM
Il existe de nombreuses méthodes utiles pour parcourir horizontalement l'arborescence DOM :
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll
- prevUntil()
Méthode jQuery siblings()
La méthode siblings() renvoie tous les éléments frères et sœurs de l'élément sélectionné.
L'exemple suivant renvoie tous les éléments frères et sœurs de <h2> :
Vous pouvez également utiliser un paramètre facultatif pour filtrer la recherche d'éléments frères.
L'exemple suivant renvoie tous les éléments <p> qui sont frères de <h2> :
Méthode jQuery next()
La méthode next() renvoie l'élément frère suivant de l'élément sélectionné.
Cette méthode ne renvoie qu'un seul élément.
L'exemple suivant renvoie le frère suivant de <h2> :
Méthode jQuery nextAll()
La méthode nextAll() renvoie tous les éléments frères suivants de l'élément sélectionné.
L'exemple suivant renvoie tous les frères suivants de <h2> :
Méthode jQuery nextUntil()
La méthode nextUntil() renvoie tous les éléments frères suivants entre deux arguments donnés.
L'exemple suivant renvoie tous les éléments frères entre les éléments <h2> et <h6> :
Méthodes jQuery prev(), prevAll() & prevUntil()
Les méthodes prev(), prevAll() et prevUntil() fonctionnent de manière similaire aux méthodes ci-dessus, sauf qu'elles vont dans la direction opposée : elles renvoient les éléments frères précédents (en parcourant les frères précédents d'un élément dans l'arbre DOM, plutôt que les frères suivants).
Autres extensions