Método parent en jQuery

Ya hemos analizado un poco el método parent, cuando discutimos la pseudoclase parent. Les recuerdo que el método parent y el selector parent hacen cosas diferentes, el primero encuentra el padre del elemento, y el segundo todos los elementos no vacíos (que son padres).

En el siguiente ejemplo encontraremos el elemento #test, luego encontraremos su padre usando parent y le pondremos el texto '!'. Supongamos que tenemos el siguiente 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>

Y ahora escribimos el método parent en el código Javascript:

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

No olviden que a este método se le puede pasar un selector, para un filtrado adicional de los padres.

Encuentra el padre del elemento con la clase www y píntalo de color rojo.

Encuentra los padres de todas las etiquetas b y haz que sean de color rojo.

Encuentra los padres de todas las etiquetas b, y a aquellos que tengan la clase test píntalos de color rojo.