Metoden parent

Metoden parent hämtar elementets omedelbara förälder.

Syntax

Hämta omedelbar förälder för element:

.parent();

Man kan också välja omedelbar förälder, endast om den uppfyller den givna selektorn:

.parent(selektor);

Exempel

Låt oss hitta elementet #test sedan hitta dess förälder med parent och sätta dess text till '!' med 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('!');

HTML-koden kommer att se ut så här:

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

Exempel

Låt oss hitta elementet #test sedan hitta dess förälder med parent och, om denna förälder är div med klassen www, sätta dess text till '!' med 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('!');

HTML-koden kommer att se ut så här:

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

Se även

metoden parents,
som gör det möjligt att hämta alla föräldrar till elementet
metoden closest,
som gör det möjligt att hämta närmaste föräldraelement som uppfyller selektorn
metoden parentsUntil,
som gör det möjligt att hämta alla föräldrar till elementet upp till angiven förälder
metoden children,
som gör det möjligt att hämta elementets barn
metoden contents,
som gör det möjligt att hämta elementets barn och text inuti detta element