Il metodo closest

Il metodo closest trova l'elemento genitore più vicino che soddisfa il selettore specificato come parametro del metodo. Questo metodo è simile al metodo parent. La ricerca viene condotta così: prima viene verificato il genitore diretto dell'elemento, poi il nonno, il bisnonno e così via fino all'elemento radice (cioè fino al tag html).

Sintassi

Il selettore può essere un elemento DOM, un'espressione o un oggetto jQuery. La ricerca inizia dall'elemento DOM passato come parametro:

.closest(selettore);

Come secondo parametro è possibile anche passare un elemento DOM, in tal caso la ricerca verrà effettuata in questo elemento:

.closest(selettore, contesto);

Esempio

Troviamo per l'elemento con #test il genitore più vicino con la classe www e all'inizio di questo elemento inseriamo un paragrafo con il testo '!', e alla fine - un paragrafo con il testo '?':

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

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

Il codice HTML diventerà così:

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

Vedi anche

il metodo parent,
che permette di ottenere il genitore diretto dell'elemento
il metodo parents,
che permette di ottenere tutti i genitori dell'elemento
il metodo parentsUntil,
che permette di ottenere tutti i genitori dell'elemento fino al genitore specificato
il metodo JavaScript closest,
che permette di ottenere l'elemento genitore più vicino