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

Méthode closest() jQuery

Méthodes de parcours de jQuery

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

La méthode closest() parcouit de l'élément actuel jusqu'au racine du document (html), pour trouver le premier ancêtre de l'élément DOM.

closest() etparents()La méthode est similaire, car elles parcourent toutes l'arbre DOM. La différence est la suivante :

closest()

  • Commence à partir de l'élément actuel

  • Monte dans l'arbre DOM jusqu'à ce qu'il trouve un objet correspondant au sélecteur fourni

  • L'objet jQuery retourné est ordonné dans le document selon l'ordre des éléments de l'ensemble original, chaque élément contient zéro ou un élément

parents()

  • Commence à partir de l'élément parent

  • Naviguez dans l'arbre DOM jusqu'à l'élément racine du document, ajoutez chaque élément ancêtre à un ensemble temporaire ; puis, si un sélecteur est présent, filtrez ce ensemble en fonction du sélecteur

  • Le jQuery objet retourné contient zéro ou plusieurs éléments pour chaque élément de l'ensemble original (dans l'ordre inverse du document)

Syntaxe :

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

$(selector).closest(selectorExpression)

Utilisez le contexte DOM pour retourner le premier ancêtre, dans lequel vous pouvez chercher l'arbre DOM :

$(selector).closest(selectorExpression, context)

Exemple

Retournez le premier ancêtre de <span>, c'est-à-dire l'élément <div> :

body(grand-grand-grand-père)
div(grand-grand-père)
div(grand-père)
div(premier ancêtre-grand-père)

p(parent direct)                      span

Exécuter le code

Valeur du paramètre

ParamètresDescription
selectorExpressionSpécifiez une expression de sélecteur, un élément ou un objet jQuery pour correspondre à des éléments
context(Optionnel)Vous pouvez y trouver des éléments DOM correspondants

Méthodes de parcours de jQuery