Método parent

El método parent obtiene al elemento padre directo del elemento.

Sintaxis

Obtención del padre directo para elementos:

.parent();

También se puede seleccionar al padre directo, solo si cumple con el selector dado:

.parent(selector);

Ejemplo

Encontremos el elemento #test luego encontremos su padre usando parent y establezcamos su texto a '!' 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('!');

El código HTML pasará a verse así:

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

Ejemplo

Encontremos el elemento #test luego encontremos su padre usando parent y, si este padre es un div con la clase www, entonces establezcamos su texto a '!' 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('!');

El código HTML pasará a verse así:

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

Véase también

método parents,
que permite obtener todos los padres del elemento
método closest,
que permite obtener el elemento padre más cercano que cumpla con el selector
método parentsUntil,
que permite obtener todos los padres del elemento hasta el padre indicado
método children,
que permite obtener los elementos hijos del elemento
método contents,
que permite obtener los elementos hijos y el texto dentro de ese elemento