Metoda closest

Metoda closest znajduje najbliższy element nadrzędny spełniający selektor podany jako parametr metody. Metoda ta jest podobna do metody parent. Wyszukiwanie przebiega następująco: najpierw sprawdzany jest bezpośredni rodzic elementu, potem dziadek, pradziadek i tak dalej aż do elementu korzenia (czyli do znacznika html).

Składnia

Selektorem może być element DOM, wyrażenie lub obiekt jQuery. Wyszukiwanie zaczyna się od przekazanego jako parametr elementu DOM:

.closest(selektor);

Drugim parametrem można również przekazać element DOM, wtedy wyszukiwanie będzie odbywać się w tym elemencie:

.closest(selektor, kontekst);

Przykład

Znajdźmy dla elementu z #test najbliższego rodzica z klasą www i na początku tego elementu wstawmy akapit z tekstem '!', a na końcu - akapit z tekstem '?':

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

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

Kod HTML będzie wyglądać tak:

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

Zobacz też

metoda parent,
która pozwala uzyskać bezpośredniego rodzica elementu
metoda parents,
która pozwala uzyskać wszystkich rodziców elementu
metoda parentsUntil,
która pozwala uzyskać wszystkich rodziców elementu do określonego rodzica
metoda JavaScript closest,
która pozwala uzyskać najbliższy element nadrzędny