Metoden parent

Metoden parent henter elementets umiddelbare forælder.

Syntaks

Hent den umiddelbare forælder for elementer:

javascript.parent();

Du kan også vælge den umiddelbare forælder, hvis den opfylder den angivne selector:

javascript.parent(selector);

Eksempel

Lad os finde elementet #test og derefter finde dets forælder med parent og sætte teksten '!' med html:

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

HTML-koden vil se sådan ud:

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

Eksempel

Lad os finde elementet #test og derefter finde dets forælder med parent og, hvis denne forælder er en div med klassen www, så sætte teksten '!' med html:

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

HTML-koden vil se sådan ud:

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

Se også

  • metoden parents,
    som giver mulighed for at få alle forældre til elementet
  • metoden closest,
    som giver mulighed for at få det nærmeste forældre- element, der opfylder selectoren
  • metoden parentsUntil,
    som giver mulighed for at få alle forældre til elementet op til den angivne forælder
  • metoden children,
    som giver mulighed for at få elementets afkom
  • metoden contents,
    som giver mulighed for at få elementets afkom og tekst inde i dette element