ล่าสุดการพัฒนาเว็บบทเรียน
 

jQueryภายใน - ลูกหลาน

❮ก่อนหน้า ถัดไปบท❯

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

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

traversing ลงต้นไม้ DOM

สองวิธีที่มีประโยชน์สำหรับ jQuery traversing ต้นไม้ DOM คือ:

  • children()
  • find()

jQuery children() วิธี

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

วิธีการนี้เฉพาะการสำรวจระดับเดียวลงต้นไม้ DOM

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

ตัวอย่าง

$(document).ready(function(){
    $("div").children();
});
ลองตัวเอง»

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

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

ตัวอย่าง

$(document).ready(function(){
    $("div").children("p.first");
});
ลองตัวเอง»

jQuery find() วิธี

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

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

ตัวอย่าง

$(document).ready(function(){
    $("div").find("span");
});
ลองตัวเอง»

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

ตัวอย่าง

$(document).ready(function(){
    $("div").find("*");
});
ลองตัวเอง»

ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»

jQuery traversing อ้างอิง

สำหรับภาพรวมทั้งหมดของทุกวิธีการ jQuery traversing โปรดไปที่เรา jQuery traversing อ้างอิง


❮ก่อนหน้า ถัดไปบท❯