Метод children за работа с наследници в jQuery

За работа с наследниците на даден елемент, първо ще разгледаме метода children, с помощта на който могат да бъдат получени само непосредствените наследници на елемента.

Нека разгледаме следния HTML код:

html<p id="test">text1 <b>bold</b> text2</p>

За получаване на наследниците ще напишем в метода следната функция:

javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // ще изведе 'bold'
  }
);

html<div id="text"><i>text1</i> <b>text2</b> text3 text4</div>