Metoda closest

Metoda closest najde nejbližší nadřazený prvek, který odpovídá selektoru zadanému parametrem metody. Tato metoda je podobná metodě parent. Vyhledávání probíhá následovně: nejprve se zkontroluje bezprostřední rodič prvku, poté prarodič, praprarodič a tak dále až ke kořenovému prvku (tedy ke značce html).

Syntaxe

Selektorem může být DOM prvek, výraz nebo objekt jQuery. Vyhledávání začíná od DOM prvku předaného jako parametr:

.closest(selektor);

Jako druhý parametr lze také předat DOM prvek, poté bude vyhledávání probíhat v tomto prvku:

.closest(selektor, kontext);

Příklad

Pojďme pro prvek s #test najít nejbližšího rodiče s třídou www a na začátek tohoto prvku vložit odstavec s textem '!' a na konec - odstavec s textem '?':

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

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

HTML kód bude poté vypadat takto:

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

Viz také

metoda parent,
která umožňuje získat přímého rodiče prvku
metoda parents,
která umožňuje získat všechny rodiče prvku
metoda parentsUntil,
která umožňuje získat všechny rodiče prvku až po určeného rodiče
JavaScript metoda closest,
která umožňuje získat nejbližší nadřazený prvek