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 :

.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 :

.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 '?' :

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

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

Le code HTML deviendra alors :

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

Voir aussi

méthode parent,
qui permet d'obtenir le parent direct de l'élément
méthode parents,
qui permet d'obtenir tous les parents de l'élément
méthode parentsUntil,
qui permet d'obtenir tous les parents de l'élément jusqu'au parent spécifié
Méthode JavaScript closest,
qui permet d'obtenir l'élément parent le plus proche