Método parent

O método parent obtém o elemento pai direto do elemento.

Sintaxe

Obtendo o pai direto para elementos:

.parent();

Também é possível selecionar o pai direto, mas apenas se ele corresponder ao seletor especificado:

.parent(seletor);

Exemplo

Vamos encontrar o elemento #test, depois encontrar seu pai usando parent e definir seu texto como '!' usando html:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').parent().html('!');

O código HTML ficará assim:

<p>outside</p>
<div>
	!
</div>
<p>outside</p>

Exemplo

Vamos encontrar o elemento #test, depois encontrar seu pai usando parent e, se esse pai for um div com a classe www, definir seu texto como '!' usando html:

<p>outside</p>
<div class="www">
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

$('#test').parent('div.www').html('!');

O código HTML ficará assim:

<p>outside</p>
<div class="www">
	!
</div>
<p>outside</p>

Veja também

método parents,
que permite obter todos os elementos pais do elemento
método closest,
que permite obter o elemento pai mais próximo que corresponda ao seletor
método parentsUntil,
que permite obter todos os elementos pais do elemento até o pai especificado
método children,
que permite obter os elementos filhos do elemento
método contents,
que permite obter os elementos filhos e o texto dentro desse elemento