jQuery Traversing - บรรพบุรุษ
ด้วย jQuery คุณสามารถสำรวจต้นไม้ DOM เพื่อค้นหาบรรพบุรุษขององค์ประกอบ
บรรพบุรุษคือพ่อแม่ปู่ย่าตายายปู่ย่าตายายเป็นต้น
ลัดเลาะไปตามต้นไม้ DOM
วิธี jQuery ที่มีประโยชน์สามวิธีในการสำรวจต้นไม้ DOM คือ:
parent()parents()parentsUntil()
jQuery parent () เมธอด
วิธี การparent()ส่งกลับองค์ประกอบหลักโดยตรงขององค์ประกอบที่เลือก
วิธีนี้จะข้ามผ่านต้นไม้ DOM ระดับเดียวเท่านั้น
ตัวอย่างต่อไปนี้จะคืนค่าองค์ประกอบหลักโดยตรงของแต่ละ<span>
องค์ประกอบ:
ตัวอย่าง
$(document).ready(function(){
$("span").parent();
});
ผู้ปกครอง jQuery () วิธีการ
เมธอดจะคืน ค่าparents()องค์ประกอบบรรพบุรุษทั้งหมดขององค์ประกอบที่เลือก ไปจนถึงองค์ประกอบรากของเอกสาร ( <html>)
ตัวอย่างต่อไปนี้จะคืนค่าบรรพบุรุษของ
<span>องค์ประกอบทั้งหมด:
ตัวอย่าง
$(document).ready(function(){
$("span").parents();
});
คุณยังสามารถใช้พารามิเตอร์ทางเลือกเพื่อกรองการค้นหาบรรพบุรุษได้อีกด้วย
ตัวอย่างต่อไปนี้จะคืนค่าบรรพบุรุษของ<span>องค์ประกอบทั้งหมดที่เป็น<ul>
องค์ประกอบ:
ตัวอย่าง
$(document).ready(function(){
$("span").parents("ul");
});
jQuery parentUntil() Method
วิธี การparentsUntil()ส่งกลับองค์ประกอบบรรพบุรุษทั้งหมดระหว่างสองอาร์กิวเมนต์ที่กำหนด
ตัวอย่างต่อไปนี้จะคืนค่าองค์ประกอบบรรพบุรุษทั้งหมดระหว่าง a <span>และ<div>องค์ประกอบ:
ตัวอย่าง
$(document).ready(function(){
$("span").parentsUntil("div");
});
แบบฝึกหัด jQuery
jQuery Traversing Reference
สำหรับภาพรวมที่สมบูรณ์ของวิธีการ jQuery Traversing ทั้งหมด โปรดไปที่ jQuery Traversing Referenceของเรา