Metoda closest

Metoda closest găsește elementul părinte cel mai apropiat care satisface selectorul specificat ca parametru al metodei. Această metodă este similară cu metoda parent. Căutarea se realizează astfel: mai întâi se verifică părintele direct al elementului, apoi bunicul, străbunicul și așa mai departe până la elementul rădăcină (adică până la tag-ul html).

Sintaxă

Selectorul poate fi un element DOM, o expresie sau un obiect jQuery. Căutarea începe de la elementul DOM transmis ca parametru:

.closest(selector);

Ca al doilea parametru se poate transmite și un element DOM, atunci căutarea se va realiza în acel element:

.closest(selector, context);

Exemplu

Să găsim pentru elementul cu #test părintele cel mai apropiat cu clasa www și la începutul acestui element să inserăm un paragraf cu textul '!', iar la sfârșit - un paragraf cu textul '?':

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

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

Codul HTML va arăta astfel:

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

Vedeți și

metoda parent,
care permite obținerea părintelui direct al elementului
metoda parents,
care permite obținerea tuturor părinților elementului
metoda parentsUntil,
care permite obținerea tuturor părinților elementului până la părintele indicat
metoda JavaScript closest,
care permite obținerea elementului părinte cel mai apropiat