Método nextUntil

El método nextUntil devuelve los elementos que se encuentran después del especificado dentro del mismo padre. El método devuelve los elementos desde el especificado hasta el primer elemento que coincide con el selector indicado como parámetro del método. Si no se pasan parámetros al método, funcionará como el método nextAll.

Sintaxis

Como primer parámetro se puede pasar una expresión en forma de cadena, por la cual se realiza la selección, un nodo DOM o un objeto jQuery. Como segundo parámetro se puede pasar una condición adicional de filtrado en forma de cadena. Ambos parámetros son opcionales:

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

Ejemplo

Encontremos el elemento #test y a todos sus hermanos siguientes hasta el párrafo con la clase www establezcamos el texto '!' usando el 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('!');

El código HTML pasará a verse así:

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

Véase también

método prevUntil,
que devuelve los elementos ubicados antes del especificado
método next,
que permite obtener el hermano siguiente del elemento
método nextAll,
que devuelve los elementos ubicados después del especificado dentro del mismo padre
método siblings,
que permite obtener los hermanos del elemento dentro del mismo padre