jQuery Traversing - ลูกหลาน

ด้วย jQuery คุณสามารถสำรวจต้นไม้ DOM เพื่อค้นหาลูกหลานขององค์ประกอบ

ทายาทคือลูก หลาน เหลน เป็นต้น

ลัดเลาะไปตามต้นไม้ DOM

วิธี jQuery ที่มีประโยชน์สองวิธีในการสำรวจต้นไม้ DOM คือ:

เมธอดส่งคืน ลูกchildren()โดยตรงทั้งหมดขององค์ประกอบที่เลือก

เมธอดนี้ตัดผ่านระดับเดียวตามแผนผัง DOM

ตัวอย่างต่อไปนี้จะคืนค่าองค์ประกอบทั้งหมดที่เป็นลูกโดยตรงของแต่ละ<div>องค์ประกอบ:

$(document).ready(function(){
$("div").children();
});

คุณยังสามารถใช้พารามิเตอร์ทางเลือกเพื่อกรองการค้นหาลูก

ตัวอย่างต่อไปนี้ส่งคืน<p>องค์ประกอบทั้งหมดที่มีชื่อคลาส "first" ซึ่งเป็นลูกโดยตรงของ<div>:

$(document).ready(function(){
$("div").children("p.first");
});

เมธอด จะfind()ส่งคืนองค์ประกอบลูกหลานขององค์ประกอบที่เลือก ไปจนถึงลูกหลานคนสุดท้าย

ตัวอย่างต่อไปนี้จะคืนค่า<span>องค์ประกอบทั้งหมดที่สืบทอดมาจาก<div>:

$(document).ready(function(){
$("div").find("span");
});

ตัวอย่างต่อไปนี้จะคืนค่าลูกหลานทั้งหมดของ<div>:

$(document).ready(function(){
$("div").find("*");
});

สำหรับภาพรวมที่สมบูรณ์ของวิธีการ jQuery Traversing ทั้งหมด โปรดไปที่ jQuery Traversing Referenceของเรา