Les frères et sœurs partagent le même parent.
Avec jQuery, vous pouvez traverser latéralement dans l'arbre DOM pour trouver les frères et sœurs d'un élément.
Traversant Sideways dans l'arborescence DOM
Il existe de nombreuses méthodes jQuery utiles pour traverser latéralement dans l'arbre DOM:
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll()
- prevUntil()
jQuery siblings() et siblings() Méthode
La siblings() méthode renvoie tous les éléments frères de l'élément sélectionné.
L'exemple suivant renvoie tous les éléments frères de <h2> :
Vous pouvez également utiliser un paramètre optionnel pour filtrer la recherche de frères et sœurs.
L'exemple suivant renvoie tous les éléments frères de <h2> qui sont <p> éléments:
jQuery next() Méthode
La next() méthode renvoie l'élément frère suivant de l'élément sélectionné.
L'exemple suivant retourne le frère suivant <h2> :
jQuery nextAll() Méthode
Le nextAll() méthode renvoie tous les éléments frères suivants de l'élément sélectionné.
L'exemple suivant renvoie tous les éléments suivant fratrie de <h2> :
jQuery nextUntil() Méthode
Le nextUntil() méthode renvoie tous les éléments frères à venir entre deux arguments donnés.
L'exemple suivant renvoie tous les éléments frères entre un <h2> et un <h6> élément:
jQuery prev(), prevAll() & prevUntil() Méthodes
Le prev(), prevAll() et prevUntil() méthodes de travail , tout comme les méthodes ci - dessus , mais avec la fonctionnalité inverse: ils reviennent éléments frères précédents (traversent l' arrière le long des éléments de frères et sœurs dans l'arbre DOM, au lieu d'avancer).
Testez-vous avec des exercices!
Exercice 1 » Exercice 2» Exercice 3 » Exercice 4» Exercice 5 » Exercice 6»
jQuery Traversant Référence
Pour un aperçu complet de toutes les méthodes jQuery traversions, s'il vous plaît aller à notre déplacement de référence jQuery .