Método parents

El método parents obtiene todos los padres del elemento - no solo el directo, sino también el abuelo, bisabuelo y así sucesivamente hasta el elemento raíz (es decir, hasta la etiqueta html).

Sintaxis

Obtención de todos los padres para los elementos:

.parents();

También se pueden seleccionar los padres, solo si satisfacen el selector dado:

.parents(selector);

Ejemplo

Encontremos el elemento #test, luego encontremos todos sus padres usando parents y, si son padres div con la clase www, les antepondremos el texto '!' usando prepend:

<div>
	<div class="www">
		<div class="www">
			<p id="test">texto</p>
		</div>
	</div>
</div>

$('#test').parents('div.www').prepend('!');

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

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

Véase también

método parent,
que permite obtener el padre directo del elemento
método parentsUntil,
que permite obtener todos los padres del elemento hasta el padre indicado
método closest,
que permite obtener el elemento padre más cercano que satisfaga el selector
método contents,
que permite obtener los descendientes del elemento y el texto dentro de este elemento