Méthode closest

La méthode closest trouve l'élément parent le plus proche correspondant au sélecteur spécifié en paramètre de la méthode. Cette méthode est similaire à la méthode parent. La recherche s'effectue comme suit : d'abord, le parent direct de l'élément est vérifié, puis le grand-parent, l'arrière-grand-parent et ainsi de suite jusqu'à l'élément racine (c'est-à-dire la balise html).

Syntaxe

Le sélecteur peut être un élément DOM, une expression ou un objet jQuery. La recherche commence à partir de l'élément DOM passé en paramètre :

javascript.closest(sélecteur);

Un deuxième paramètre permet également de passer un élément DOM, alors la recherche sera effectuée dans cet élément :

javascript.closest(sélecteur, contexte);

Exemple

Trouvons pour l'élément avec #test le parent le plus proche avec la classe www et au début de cet élément insérons un paragraphe avec le texte '!', et à la fin - un paragraphe avec le texte '?' :

html<div>
  <div class="www">
    <div>
      <p id="test">text</p>
    </div>
  </div>
</div>

javascript$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

Le code HTML deviendra alors :

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">text</p>
    </div>
    <p>?</p>
  </div>
</div>

Voir aussi