Método nextUntil

O método nextUntil retorna elementos que estão após o elemento especificado dentro do mesmo elemento pai. O método retorna elementos a partir do elemento especificado até o primeiro elemento que corresponde ao seletor especificado como parâmetro do método. Se nenhum parâmetro for passado para o método, ele funcionará como o método nextAll.

Sintaxe

O primeiro parâmetro pode ser uma expressão em forma de string, pela qual a seleção é feita, um nó DOM ou um objeto jQuery. O segundo parâmetro pode ser uma condição adicional de filtragem em forma de string. Ambos os parâmetros são opcionais:

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

Exemplo

Vamos encontrar o elemento #test e definir o texto '!' para todos os seus irmãos abaixo até o parágrafo com a classe www usando o método 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('!');

O código HTML ficará assim:

<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>

Veja também

método prevUntil,
que retorna elementos localizados antes do elemento especificado
método next,
que permite obter o irmão imediato abaixo do elemento
método nextAll,
que retorna todos os elementos localizados após o elemento especificado dentro do mesmo pai
método siblings,
que permite obter todos os irmãos do elemento dentro do mesmo elemento pai