Método parent no jQuery

Nós já exploramos um pouco o método parent, quando discutimos a pseudoclasse parent. Lembro que o método parent e o seletor parent fazem coisas diferentes: o primeiro encontra o elemento pai, e o segundo encontra todos os elementos não vazios (que são pais).

No próximo exemplo, vamos encontrar o elemento #test, depois encontrar seu elemento pai usando parent e definir seu texto como '!'. Suponha que temos o seguinte código 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>

E agora nós usamos o método parent no código Javascript:

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

Lembre-se de que você pode passar um seletor para este método para uma filtragem adicional dos elementos pais.