Metoden closest

Metoden closest finder det nærmeste overordnede element, der matcher selectoren angivet som parameter til metoden. Denne metode ligner metoden parent. Søgningen foregår således: først tjekkes elementets umiddelbare forælder, derefter bedsteforælderen, oldeforælderen og så videre op til rodelementet (altså til tagget html).

Syntaks

Selectoren kan være et DOM-element, et udtryk eller et jQuery-objekt. Søgningen starter med det DOM-element, der sendes som parameter:

.closest(selector);

Som en anden parameter kan man også sende et DOM-element, så vil søgningen foregå inden for dette element:

.closest(selector, kontekst);

Eksempel

Lad os for elementet med #test finde dens nærmeste forælder med klassen www og indsætte et afsnit med teksten '!' i starten af dette element, og i slutningen - et afsnit med teksten '?':

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

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

HTML-koden vil nu se sådan ud:

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

Se også

metoden parent,
som giver mulighed for at få elementets umiddelbare forælder
metoden parents,
som giver mulighed for at få alle elementets forældreelementer
metoden parentsUntil,
som giver mulighed for at få alle elementets forældreelementer op til den angivne forælder
JavaScript-metoden closest,
som giver mulighed for at få det nærmeste overordnede element