jQuery สำรวจเส้นทาง - ลูกหลาน

ลูกหลานเป็นเด็กหลานเหลนและอื่น ๆ

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

traversing DOM ต้นไม้ลง

นี่คือสอง traversing ต้นไม้ DOM ลงวิธี jQuery:

เด็ก () วิธีการส่งกลับองค์ประกอบที่เลือกทุกองค์ประกอบของเด็กโดยตรง

วิธีนี้เพียงหนึ่งคู่ลงต้นไม้ DOM สำรวจเส้นทาง

ตัวอย่างต่อไปนี้ผลตอบแทนที่แต่ละองค์ประกอบ <div> ทุกองค์ประกอบของเด็กโดยตรง

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

นอกจากนี้คุณยังสามารถใช้พารามิเตอร์ตัวเลือกในการกรองการค้นหาสำหรับองค์ประกอบย่อย

ตัวอย่างต่อไปนี้ผลตอบแทนที่ชื่อชั้นของ "1" ในทุก <p> องค์ประกอบและพวกเขาจะ <div> องค์ประกอบของเด็กโดยตรง

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

หา () วิธีการส่งกลับองค์ประกอบลูกหลานองค์ประกอบที่เลือกทุกทางลงไปที่ลูกหลานที่ผ่านมา

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

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

ตัวอย่างต่อไปนี้จะส่งกลับ <div> ทุกรุ่น:

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