Metodo parentsUntil

Il metodo parentsUntil ottiene tutti i genitori di un elemento - non solo quello diretto, ma anche il nonno, il bisnonno e così via fino all'elemento radice (cioè fino al tag html). In questo caso, la ricerca dei genitori termina al raggiungimento del genitore che corrisponde al selettore specificato come parametro di questo metodo.

Sintassi

Ricerca del genitore fino al genitore che corrisponde al selettore, il selettore può essere un nodo DOM, un'espressione o un oggetto jQuery, è anche possibile utilizzare il secondo parametro per un filtraggio aggiuntivo. Entrambi i parametri sono opzionali:

.parentsUntil([selettore], [filtro]);

Il selettore può anche non essere specificato, in questo caso il metodo si comporterà in modo simile al metodo parents:

.parentsUntil();

Esempio

Troviamo l'elemento #test poi troviamo tutti i suoi genitori fino all'elemento con la classe zzz utilizzando parentsUntil e aggiungiamo all'inizio il testo '!' utilizzando prepend:

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

$('#test').parentsUntil('.zzz').prepend('!');

Il codice HTML diventerà così:

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

Vedi anche

metodo parent,
che permette di ottenere il genitore diretto dell'elemento
metodo closest,
che permette di ottenere l'elemento genitore più vicino che soddisfa il selettore
metodo parents,
che permette di ottenere tutti i genitori dell'elemento
metodo children,
che permette di ottenere i discendenti dell'elemento