Método parentsUntil

El método parentsUntil obtiene todos los padres del elemento - no solo el inmediato, sino también el abuelo, bisabuelo y así sucesivamente hasta el elemento raíz (es decir, hasta la etiqueta html). La búsqueda de padres termina al alcanzar al padre que coincida con el selector, especificado como parámetro de este método.

Sintaxis

Buscar padre hasta el padre que coincida con el selector, el selector puede ser un nodo DOM, una expresión o un objeto jQuery, también se puede usar el segundo parámetro para un filtrado adicional. Ambos parámetros son opcionales:

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

El selector se puede omitir, en este caso el método se comportará de manera similar al método parents:

.parentsUntil();

Ejemplo

Encontremos el elemento #test luego encontremos todos sus padres hasta el elemento con la clase zzz usando parentsUntil y agreguemos al principio el texto '!' usando prepend:

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

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

El código HTML quedará así:

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

Véase también

método parent,
que permite obtener el padre inmediato del elemento
método closest,
que permite obtener el elemento padre más cercano que coincida con el selector
método parents,
que permite obtener todos los padres del elemento
método children,
que permite obtener los descendientes del elemento