jQuery การวนหลุด - ลูกหลาน
- หน้าก่อน jQuery สายพันธุ์
- หน้าต่อไป jQuery พื่อน
หลักทางลงไปคือลูก หลาน หลานหลาน และอื่นๆ
ด้วย jQuery คุณสามารถวนหลอดต้นไม้ DOM ลงไปเพื่อหาหลักทางลงไปในหลัก
วนหลอดต้นไม้ DOM
ด้านล่างนี้คือสองวิธีการ jQuery ที่ใช้เพื่อวนหลอดต้นไม้ DOM ลงไป
- children()
- find()
วิธีการ children() ของ jQuery
วิธีการ children() กลับมาด้วยทุกองค์ประกอบโดยตรงขององค์ประกอบที่เลือก
วิธีการนี้จะเทรบอยู่ทางลงไปเพียงระดับเดียวของต้นไม้ DOM
ตัวอย่างด้านล่างนี้กลับมาด้วยทุกองค์ประกอบโดยตรงขององค์ประกอบ <div> ทุกตัว:
ตัวอย่าง
$("document").ready(function(){
$("div").children();
});
คุณยังสามารถใช้ตัวแปรที่เป็นตัวเลือกเพื่อกรองการค้นหาองค์ประกอบโดยตรง
ตัวอย่างด้านล่างนี้กลับมาด้วยทุกองค์ประกอบ <p> ที่มีชื่อรูปแบบ "1" และเป็นองค์ประกอบโดยตรงของ <div>:
ตัวอย่าง
$("document").ready(function(){
$("div").children("p.1");
});
วิธีการ find() ของ jQuery
วิธีการ find() กลับมาด้วยหลักทางลงไปในหลักทางลงไปในหลัก จนถึงหลักทางลงไปในหลักสุดท้าย
ตัวอย่างด้านล่างนี้กลับมาด้วยทุกองค์ประกอบ <span> ที่อยู่ใต้หลักที่อยู่ใต้ <div>:
ตัวอย่าง
$("document").ready(function(){
$("div").find("span");
});
ตัวอย่างด้านล่างนี้กลับมาด้วยทุกหลักที่อยู่ใต้ <div>:
ตัวอย่าง
$("document").ready(function(){
$("div").find("*");
});
คู่มือเรียนรู้ jQuery การวนหลอด
ถ้าคุณต้องการรู้เกี่ยวกับทุกวิธีการวนหลอด jQuery โปรดเข้าเว็บไซต์ของเรา คู่มือเรียนรู้ jQuery การวนหลอด。
- หน้าก่อน jQuery สายพันธุ์
- หน้าต่อไป jQuery พื่อน
