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

jQueryภายใน - บรรพบุรุษ

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

บรรพบุรุษเป็นพ่อแม่ปู่ย่าตายายปู่ย่าตายายที่ดีและอื่น ๆ

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

ภายในขึ้นต้นไม้ DOM

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

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() วิธี

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

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

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

ตัวอย่าง

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

jQuery parents() วิธี

parents() วิธีการส่งกลับองค์ประกอบบรรพบุรุษทั้งหมดขององค์ประกอบที่เลือกทุกทางถึงองค์ประกอบหลักของเอกสาร (<html>)

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

ตัวอย่าง

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

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

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

ตัวอย่าง

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

jQuery parentsUntil() วิธี

parentsUntil() วิธีการส่งกลับองค์ประกอบบรรพบุรุษทั้งหมดระหว่างสองอาร์กิวเมนต์ที่กำหนด

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

ตัวอย่าง

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

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

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

jQuery traversing อ้างอิง

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


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