jQuery-da avlod elementlar bilan ishlash uchun children metodi

Elementning avlodlari bilan ishlash uchun, biz avval children metodini ko'rib chiqamiz, uning yordamida faqat elementning bevosita avlodlarini olish mumkin.

Quyidagi HTML kodini ko'rib chiqaylik:

html<p id="test">matn1 <b>qalin</b> matn2</p>

Avlodlarni olish uchun metodda quyidagi funksiyani yozamiz:

javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // 'qalin' ni chiqaradi
  }
);

html<div id="text"><i>matn1</i> <b>matn2</b> matn3 matn4</div>