Metod parent

Metod parent dobija neposrednog roditelja elementa.

Sintaksa

Dobijanje neposrednog roditelja za elemente:

javascript.parent();

Takođe je moguće izabrati neposrednog roditelja, samo ako zadovoljava zadati selektor:

javascript.parent(selektor);

Primer

Hajde da pronađemo element #test zatim pronađemo njegovog roditelja pomoću parent i postavimo mu tekst '!' pomoću html:

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

HTML kod će izgledati ovako:

html<p>spolja</p>
<div>
  !
</div>
<p>spolja</p>

Primer

Hajde da pronađemo element #test zatim pronađemo njegovog roditelja pomoću parent i, ako je taj roditelj div sa klasom www, onda ćemo mu postaviti tekst '!' pomoću html:

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

HTML kod će izgledati ovako:

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

Videti takođe

  • metod parents,
    koji omogućava da se dobiju svi roditelji elementa
  • metod closest,
    koji omogućava da se dobije najbliži roditeljski element koji zadovoljava selektor
  • metod parentsUntil,
    koji omogućava da se dobiju svi roditelji elementa do određenog roditelja
  • metod children,
    koji omogućava da se dobiju potomci elementa
  • metod contents,
    koji omogućava da se dobiju potomci elementa i tekst unutar tog elementa