เมธอด children

เมธอด children จะส่งคืนเฉพาะ ลูกโดยตรงขององค์ประกอบเท่านั้น ไม่ส่งคืนโหนดข้อความ หากต้องการส่งคืน ลูกทั้งหมด รวมถึงข้อความและ ความคิดเห็น ให้ใช้เมธอด contents

ไวยากรณ์

รับลูกโดยตรง:

.children();

ยังสามารถกรองลูกโดยใช้ตัวเลือก ที่กำหนดได้:

.children(ตัวเลือก);

ตัวอย่าง

ลองหาลูกโดยตรงทั้งหมดของแท็ก div และเพิ่ม '!' ต่อท้ายด้วยเมธอด append:

<div>
	<p>ข้อความ</p>
	<p>ข้อความ</p>
	<p>ข้อความ</p>
</div>

$('div').children().append('!');

โค้ด HTML จะมีลักษณะดังนี้:

<div>
	<p>ข้อความ!</p>
	<p>ข้อความ!</p>
	<p>ข้อความ!</p>
</div>

ตัวอย่าง

คราวนี้ลองหาลูกโดยตรงทั้งหมด ที่มีคลาส www:

<div>
	<p class="www">ข้อความ</p>
	<p class="www">ข้อความ</p>
	<p>ข้อความ</p>
</div>

$('div').children('.www').append('!');

โค้ด HTML จะมีลักษณะดังนี้:

<div>
	<p class="www">ข้อความ!</p>
	<p class="www">ข้อความ!</p>
	<p>ข้อความ</p>
</div>

ดูเพิ่มเติม

เมธอด contents,
ซึ่งช่วยให้ได้รับลูกขององค์ประกอบและ ข้อความภายในองค์ประกอบนั้น
เมธอด parent,
ซึ่งช่วยให้ได้รับพ่อแม่ขององค์ประกอบ
เมธอด parents,
ซึ่งช่วยให้ได้รับพ่อแม่ทั้งหมดของ องค์ประกอบ
คุณสมบัติ JavaScript children,
ซึ่งเก็บอาร์เรย์หลอกขององค์ประกอบลูก