เมธอด 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