Metodo nextUntil

Il metodo nextUntil restituisce gli elementi che si trovano dopo quello specificato all'interno dello stesso genitore. Il metodo restituisce gli elementi da quello specificato fino al primo elemento che corrisponde al selettore specificato come parametro del metodo. Se al metodo non vengono passati parametri, funzionerà come il metodo nextAll.

Sintassi

Il primo parametro può essere un'espressione in forma di stringa, in base alla quale viene effettuata la selezione, un nodo DOM o un oggetto jQuery. Il secondo parametro può essere una condizione aggiuntiva di filtraggio in forma di stringa. Entrambi i parametri sono opzionali:

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

Esempio

Troviamo l'elemento #test e a tutti i suoi fratelli successivi fino al paragrafo con classe www impostiamo il testo '!' utilizzando il metodo html:

<p>outside</p>
<div>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').prevUntil('p.www').html('!');

Il codice HTML diventerà così:

<p>outside</p>
<div>
	<p>inside</p>
	<p class="www">inside</p>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>!</p>
	<p>!</p>
	<p class="www">inside</p>
	<p>inside</p>
</div>
<p>outside</p>

Vedi anche

metodo prevUntil,
che restituisce gli elementi che si trovano prima di quello specificato
metodo next,
che permette di ottenere il fratello successivo dell'elemento
metodo nextAll,
che restituisce gli elementi che si trovano dopo quello specificato all'interno dello stesso genitore
metodo siblings,
che permette di ottenere i fratelli dell'elemento all'interno dello stesso genitore