jQuery closest()Méthodes

Méthodes de traversée jQuery

Définition et utilisation

La méthode closest() renvoie le premier ancêtre de l'élément sélectionné.

Un ancêtre est un parent, un grand-parent, un arrière-grand-parent, etc.

Arbre DOM :Cette méthode remonte à partir de l'élément actuel, jusqu'à l'élément racine du document (<html>), pour trouver le premier ancêtre d'un élément DOM.

Cette méthode estparents()similaire à ..., les deux remontent le long de l'arbre DOM, la différence est :

closest()

• Commence à partir de l'élément actuel
• Remonte le long de l'arbre DOM et renvoie le premier ancêtre unique qui correspond à l'expression passée
• Renvoie un objet jQuery contenant zéro ou un élément

parents()

• Commence à partir de l'élément parent
• Remonte le long de l'arbre DOM et renvoie tous les ancêtres qui correspondent à l'expression passée
• Renvoie un objet jQuery contenant zéro, un ou plusieurs éléments

Autres méthodes associées :

• parent()- Renvoie l'élément parent direct de l'élément sélectionné
• parentsUntil()- Retourne tous les ancêtres entre deux paramètres donnés

Syntaxe

Retourne le premier ancêtre de l'élément sélectionné :

Retourne le premier ancêtre dans l'arbre DOM trouvé à l'aide d'un contexte DOM :

Plus d’exemples

Retourne le premier ancêtre de <span>, qui est un élément <span>
Comme cette méthode part de l'élément courant, elle recherche le premier <span> à l'intérieur de <span> et retournera ce <span>.

Passer un élément DOM comme contexte pour rechercher le premier élément ancêtre
Utiliser deux paramètres pour passer un élément DOM comme contexte, afin de rechercher le premier élément <ul>.

Méthodes de traversée jQuery