parent metódus

A parent metódus az elem közvetlen szülőelemét kéri le.

Szintaxis

Közvetlen szülő lekérése az elemekhez:

.parent();

Lehetőség van a közvetlen szülő kiválasztására is, de csak akkor, ha az megfelel a megadott szelektornak:

.parent(szelektor);

Példa

Keressük meg a #test elemet, majd keressük meg a szülőjét a parent segítségével, és állítsuk be a szövegét '!' -ra a html segítségével:

<p>kívül</p>
<div>
	<p>belül</p>
	<p>belül</p>
	<p id="test">belül</p>
	<p>belül</p>
	<p>belül</p>
</div>
<p>kívül</p>

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

Az HTML kód így fog kinézni:

<p>kívül</p>
<div>
	!
</div>
<p>kívül</p>

Példa

Keressük meg a #test elemet, majd keressük meg a szülőjét a parent segítségével, és ha ez a szülő egy div a www osztállyal, akkor állítsuk be a szövegét '!' -ra a html segítségével:

<p>kívül</p>
<div class="www">
	<p>belül</p>
	<p>belül</p>
	<p id="test">belül</p>
	<p>belül</p>
	<p>belül</p>
</div>
<p>kívül</p>

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

Az HTML kód így fog kinézni:

<p>kívül</p>
<div class="www">
	!
</div>
<p>kívül</p>

Lásd még

a parents metódus,
amely az elem összes szülőjének lekérését teszi lehetővé
a closest metódus,
amely a szelektornak megfelelő legközelebbi szülő elem lekérését teszi lehetővé
a parentsUntil metódus,
amely az elem összes szülőjének lekérését teszi lehetővé egészen a megadott szülőig
a children metódus,
amely az elem leszármazottainak lekérését teszi lehetővé
a contents metódus,
amely az elem leszármazottainak és a benne lévő szöveg lekérését teszi lehetővé