Método parent

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

Sintaxe

Obtendo o pai direto para elementos:

javascript.parent();

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

javascript.parent(seletor);

Exemplo

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

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>

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

O código HTML ficará assim:

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

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>

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

O código HTML ficará assim:

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

Veja também