Metode children untuk Bekerja dengan Elemen Turunan di jQuery

Untuk bekerja dengan elemen turunan (descendants) suatu elemen, pertama-tama kita akan membahas metode children, yang dapat digunakan untuk mendapatkan hanya elemen turunan langsung dari suatu elemen.

Perhatikan kode HTML berikut:

html<p id="test">teks1 <b>tebal</b> teks2</p>

Untuk mendapatkan elemen turunan, tuliskan fungsi berikut dalam metode:

javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // akan menampilkan 'tebal'
  }
);

html<div id="text"><i>teks1</i> <b>teks2</b> teks3 teks4</div>