Metóda closest

Metóda closest nájde najbližší nadradený prvok vyhovujúci selektoru zadanému parametrom metódy. Táto metóda je podobná metóde parent. Vyhľadávanie prebieha takto: najprv sa skontroluje bezprostredný rodič prvku, potom starý rodič, pra-starý rodič a tak ďalej až po koreňový prvok (teda po tag html).

Syntax

Selektorom môže byť DOM prvok, výraz alebo objekt jQuery. Vyhľadávanie začína od DOM prvku odovzdaného ako parameter:

.closest(selektor);

Ako druhý parameter je možné tiež odovzdať DOM prvok, v takom prípade sa vyhľadávanie uskutoční v tomto prvku:

.closest(selektor, kontext);

Príklad

Nájdime pre prvok s #test najbližšieho rodiča s triedou www a na začiatok tohto prvku vložme odsek s textom '!' a na koniec - odsek s textom '?':

<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 potom vyzerať takto:

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

Pozrite tiež

metóda parent,
ktorá umožňuje získať priameho rodiča prvku
metóda parents,
ktorá umožňuje získať všetkých rodičov prvku
metóda parentsUntil,
ktorá umožňuje získať všetkých rodičov prvku až po určeného rodiča
JavaScript metóda closest,
ktorá umožňuje získať najbližší nadradený prvok