Metoden parent

Metoden parent henter det umiddelbare foreldreelementet til et element.

Syntaks

Henting av umiddelbar forelder for elementer:

javascript.parent();

Man kan også velge den umiddelbare forelderen, kun hvis den tilfredsstiller den angitte velgeren:

javascript.parent(velger);

Eksempel

La oss finne elementet #test deretter finne dets forelder ved hjelp av parent og sette inn teksten '!' med html:

html<p>utenfor</p>
<div>
  <p>inni</p>
  <p>inni</p>
  <p id="test">inni</p>
  <p>inni</p>
  <p>inni</p>
</div>
<p>utenfor</p>
javascript$('#test').parent().html('!');

HTML-koden vil da se slik ut:

html<p>utenfor</p>
<div>
  !
</div>
<p>utenfor</p>

Eksempel

La oss finne elementet #test deretter finne dets forelder ved hjelp av parent og, hvis denne forelderen er en div med klassen www, sette inn teksten '!' med html:

html<p>utenfor</p>
<div class="www">
  <p>inni</p>
  <p>inni</p>
  <p id="test">inni</p>
  <p>inni</p>
  <p>inni</p>
</div>
<p>utenfor</p>
javascript$('#test').parent('div.www').html('!');

HTML-koden vil da se slik ut:

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

Se også

  • metoden parents,
    som lar deg hente alle foreldrene til et element
  • metoden closest,
    som lar deg hente det nærmeste foreldreelementet som tilfredsstiller en velger
  • metoden parentsUntil,
    som lar deg hente alle foreldrene til et element opp til en angitt forelder
  • metoden children,
    som lar deg hente barnelementene til et element
  • metoden contents,
    som lar deg hente barnelementene til et element og teksten inni dette elementet