A closest metódus

A closest metódus megkeresi a legközelebbi szülő elemet, amely megfelel a metódus paramétereként megadott szelektornak. Ez a metódus hasonló a parent metódushoz. A keresés a következőképpen zajlik: először az elem közvetlen szülője kerül ellenőrzésre, majd a nagyszülő, a dédszülő és így tovább egészen a gyökérelemig (vagyis a html címkéig).

Szintaxis

A szelektor lehet DOM elem, kifejezés vagy jQuery objektum. A keresés a paraméterként átadott DOM elemmel kezdődik:

.closest(szelektor);

Második paraméterként szintén átadhatunk egy DOM elemet, ekkor a keresés ebben az elemben fog történni:

.closest(szelektor, kontextus);

Példa

Keressük meg a #test azonosítójú elem legközelebbi www osztállyal rendelkező szülőjét, és ennek az elemnek az elejére szúrjunk be egy bekezdést a '!' szöveggel, a végére pedig egy bekezdést a '?' szöveggel:

<div>
	<div class="www">
		<div>
			<p id="test">szöveg</p>
		</div>
	</div>
</div>

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

A HTML kód így fog kinézni:

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">szöveg</p>
		</div>
		<p>?</p>
	</div>
</div>

Lásd még

a parent metódus,
amely lehetővé teszi az elem közvetlen szülőjének megszerzését
a parents metódus,
amely lehetővé teszi az elem összes szülőjének megszerzését
a parentsUntil metódus,
amely lehetővé teszi az elem összes szülőjének megszerzését egy megadott szülőig
a JavaScript closest metódus,
amely lehetővé teszi a legközelebbi szülő elem megszerzését