Traversée jQuery
Qu'est-ce que le Traversage ?
La traversée jQuery, qui signifie "se déplacer", est utilisée pour "trouver" (ou sélectionner) des éléments HTML en fonction de leur relation avec d'autres éléments. Commencez par une sélection et parcourez cette sélection jusqu'à ce que vous atteigniez les éléments souhaités.
L'image ci-dessous illustre une page HTML sous forme d'arbre (arbre DOM). Avec jQuery traversant, vous pouvez facilement vous déplacer vers le haut (ancêtres), vers le bas (descendants) et latéralement (frères et sœurs) dans l'arborescence, à partir de l'élément sélectionné (actuel). Ce mouvement est appelé traverser - ou se déplacer dans - l'arbre DOM.
Illustration expliquée :
- L'élément <div> est le parent de <ul> et un ancêtre de tout ce qu'il contient
- L'élément <ul> est le parent des deux éléments <li> et un enfant de <div>
- L'élément <li> de gauche est le parent de <span>, l'enfant de <ul> et un descendant de <div>
- L'élément <span> est un enfant du <li> gauche et un descendant de <ul> et <div>
- Les deux éléments <li> sont frères (ils partagent le même parent)
- L'élément <li> de droite est le parent de <b>, l'enfant de <ul> et un descendant de <div>
- L'élément <b> est un enfant du droit <li> et un descendant de <ul> et <div>
Un ancêtre est un parent, un grand-parent, un arrière-grand-parent, etc.
Un descendant est un enfant, un petit-enfant, un arrière-petit-enfant, etc.
Les frères et sœurs partagent le même parent.
Traverser le DOM
jQuery fournit une variété de méthodes qui nous permettent de traverser le DOM.
La plus grande catégorie de méthodes de parcours est le parcours d'arbres.
Les prochains chapitres nous montreront comment monter, descendre et latéralement dans l'arborescence DOM.
jQuery Traversing Reference
Pour un aperçu complet de toutes les méthodes jQuery Traversing, veuillez consulter notre jQuery Traversing Reference .