Metode contents

Metode contents mendapatkan elemen keturunan, termasuk teks dan komentar.

Sintaks

Metode tidak menerima parameter:

javascript.contents();

Metode contents bekerja serupa dengan metode children, perbedaannya terlihat ketika mencoba mengakses teks elemen keturunan. Bandingkan dua contoh yang diberikan di bawah ini:

Contoh

Gunakan metode children:

html<p id="test">teks1 <b>tebal</b> teks2</p>
javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // akan menampilkan 'tebal'
  }
);

Contoh

Gunakan metode contents:

html<p id="test">teks1 <b>tebal</b> teks2</p>
javascript$('#test').contents().each(
  function() {
    console.log($(this).text()); // akan menampilkan 'teks1', 'tebal', 'teks2'
  }
);

Lihat juga

  • metode children,
    yang memungkinkan untuk mendapatkan elemen keturunan
  • metode parent,
    yang memungkinkan untuk mendapatkan induk langsung dari elemen
  • metode parents,
    yang memungkinkan untuk mendapatkan semua induk elemen
  • metode closest,
    yang memungkinkan untuk mendapatkan elemen induk terdekat yang sesuai dengan selector