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:

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

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

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

Encontre o elemento pai do elemento com a classe www e pinte-o de vermelho.

Encontre os elementos pais de todas as tags b e torne-os vermelhos.

Encontre os elementos pais de todas as tags b, e pinte de vermelho aqueles que possuem a classe test.