Kaedah parent

Kaedah parent mendapatkan ibu bapa langsung bagi elemen.

Sintaks

Mendapatkan ibu bapa langsung bagi elemen:

javascript.parent();

Anda juga boleh memilih ibu bapa langsung, hanya jika ia memenuhi pemilih yang ditentukan:

javascript.parent(pemilih);

Contoh

Mari cari elemen #test kemudian cari ibu bapanya menggunakan parent dan tetapkan teks '!' kepadanya 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('!');

Kod HTML akan kelihatan seperti ini:

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

Contoh

Mari cari elemen #test kemudian cari ibu bapanya menggunakan parent dan, jika ibu bapa ini ialah div dengan kelas www, tetapkan teks '!' kepadanya 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('!');

Kod HTML akan kelihatan seperti ini:

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

Lihat juga

  • kaedah parents,
    yang membolehkan anda mendapatkan semua ibu bapa elemen
  • kaedah closest,
    yang membolehkan anda mendapatkan elemen ibu bapa terdekat yang memenuhi pemilih
  • kaedah parentsUntil,
    yang membolehkan anda mendapatkan semua ibu bapa elemen sehingga ibu bapa yang ditentukan
  • kaedah children,
    yang membolehkan anda mendapatkan anak elemen
  • kaedah contents,
    yang membolehkan anda mendapatkan anak elemen dan teks di dalam elemen tersebut