Metoden closest

Metoden closest finner nærmeste foreldreelement som tilfredsstiller selectoren spesifisert som parameter til metoden. Denne metoden ligner på metoden parent. Søket utføres slik: først sjekkes det umiddelbare foreldreelementet, deretter besteforelder, oldeforelder og så videre opp til rotelementet (altså til taggen html).

Syntaks

Selectoren kan være et DOM-element, et uttrykk eller et jQuery-objekt. Søket starter fra det DOM-elementet som ble sendt som parameter:

.closest(selector);

Som andre parameter kan man også sende et DOM-element, da vil søket bli utført innenfor dette elementet:

.closest(selector, kontekst);

Eksempel

La oss for elementet med #test finne nærmeste forelder med klassen www og i begynnelsen av dette elementet sette inn et avsnitt med teksten '!', og på slutten - et avsnitt 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 da se slik ut:

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

Se også

metoden parent,
som lar deg få den umiddelbare forelderen til elementet
metoden parents,
som lar deg få alle foreldrene til elementet
metoden parentsUntil,
som lar deg få alle foreldrene til elementet opp til angitt forelder
JavaScript-metoden closest,
som lar deg få nærmeste foreldreelement