Metode parent

Metode parent mendapatkan induk langsung dari elemen.

Sintaks

Mendapatkan induk langsung untuk elemen:

javascript.parent();

Anda juga dapat memilih induk langsung, hanya jika memenuhi selektor yang ditentukan:

javascript.parent(selektor);

Contoh

Mari kita temukan elemen #test kemudian temukan induknya menggunakan parent dan berikan teks '!' menggunakan html:

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

Kode HTML akan terlihat seperti ini:

html<p>di luar</p>
<div>
  !
</div>
<p>di luar</p>

Contoh

Mari kita temukan elemen #test kemudian temukan induknya menggunakan parent dan, jika induk ini adalah div dengan kelas www, maka berikan teks '!' menggunakan html:

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

Kode HTML akan terlihat seperti ini:

html<p>di luar</p>
<div class="www">
  !
</div>
<p>di luar</p>

Lihat juga

  • metode parents,
    yang memungkinkan untuk mendapatkan semua induk elemen
  • metode closest,
    yang memungkinkan untuk mendapatkan elemen induk terdekat yang memenuhi selektor
  • metode parentsUntil,
    yang memungkinkan untuk mendapatkan semua induk elemen hingga induk yang ditentukan
  • metode children,
    yang memungkinkan untuk mendapatkan elemen turunan dari elemen
  • metode contents,
    yang memungkinkan untuk mendapatkan elemen turunan dari elemen dan teks di dalam elemen tersebut