children მეთოდი jQuery-ში შთამომავლებთან მუშაობისთვის

ელემენტის შთამომავლებთან მუშაობისთვის, ჯერ განვიხილავთ მეთოდს children, რომლის საშუალებაც შეგიძლიათ მიიღოთ მხოლოდ ელემენტის უშუალო შთამომავლები.

განვიხილოთ შემდეგი HTML კოდი:

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

შთამომავლების მისაღებად მეთოდში ჩავწეროთ შემდეგი ფუნქცია:

$('#test').children().each(
	function() {
		console.log($(this).text()); // გამოიტანს 'bold'
	}
);

გვაქვს div ტეგებით:

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

გამოიტანეთ კონსოლში ამ div-ის ყველა უშუალო შთამომავალი children მეთოდის გამოყენებით.