Método parents

O método parents obtém todos os elementos pais de um elemento - não apenas o pai direto, mas também o avô, bisavô e assim por diante até o elemento raiz (ou seja, até a tag html).

Sintaxe

Obtendo todos os elementos pais para os elementos:

.parents();

Também é possível selecionar os elementos pais, apenas se eles atenderem ao seletor especificado:

.parents(seletor);

Exemplo

Vamos encontrar o elemento #test, depois encontrar todos os seus elementos pais usando parents e, se forem elementos pais div com a classe www, adicionar o texto '!' no início deles usando prepend:

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

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

O código HTML ficará assim:

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

Veja também

método parent,
que permite obter o pai direto do elemento
método parentsUntil,
que permite obter todos os elementos pais do elemento até o elemento pai especificado
método closest,
que permite obter o elemento pai mais próximo que atende ao seletor
método contents,
que permite obter os elementos descendentes e o texto dentro desse elemento