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:

javascript.parent();

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

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

html<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>
javascript$('#test').parent().html('!');

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

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

html<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>
javascript$('#test').parent('div.www').html('!');

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

html<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é