ตัวอย่าง
กลับองค์ประกอบบรรพบุรุษทั้งหมดระหว่าง <span> และ <div> :
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px
solid red"});
});
ผล:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
ลองตัวเอง» ความหมายและการใช้งาน
parentsUntil() วิธีการส่งกลับองค์ประกอบบรรพบุรุษทั้งหมดระหว่างตัวเลือกและหยุด
บรรพบุรุษเป็นพ่อแม่ปู่ย่าตายายปู่ย่าตายายที่ดีและอื่น ๆ
ต้นไม้ DOM: วิธีการนี้สำรวจขึ้นมาจากองค์ประกอบหลักตามบรรพบุรุษขององค์ประกอบ DOM ทั้งหมดทางขึ้นไปยังองค์ประกอบรากของเอกสารจนกว่าจะถึงองค์ประกอบเฉพาะ
หมายเหตุ: หากพารามิเตอร์ทั้งสองเป็นที่ว่างเปล่าวิธีนี้จะกลับองค์ประกอบทั้งหมดบรรพบุรุษ (เช่นเดียวกับ parents() วิธีการ)
วิธีการที่เกี่ยวข้อง:
- parent() - ส่งกลับองค์ประกอบหลักโดยตรงขององค์ประกอบที่เลือก
- parents() - ผลตอบแทนทุกองค์ประกอบของบรรพบุรุษขององค์ประกอบที่เลือก
- closest() - ผลตอบแทนที่บรรพบุรุษแรกขององค์ประกอบที่เลือก
วากยสัมพันธ์
$(selector).parentsUntil( stop,filter )| พารามิเตอร์ | ลักษณะ |
|---|---|
| stop | ไม่จำเป็น นิพจน์เลือกองค์ประกอบหรือวัตถุ jQuery แสดงให้เห็นว่าจะหยุดการค้นหาสำหรับการจับคู่องค์ประกอบบรรพบุรุษ |
| filter | ไม่จำเป็น ระบุการแสดงออกเลือกที่จะแคบลงการค้นหาบรรพบุรุษระหว่างตัวเลือกและหยุด หมายเหตุ: หากต้องการกลับบรรพบุรุษหลายแยกแต่ละแสดงออกด้วยเครื่องหมายจุลภาค |
ลองตัวเอง - ตัวอย่าง
ค้นหาแคบลง
วิธีการใช้พารามิเตอร์ทั้งตัวกรองการค้นหาองค์ประกอบเฉพาะระหว่าง <span> และ <div>
กลับบรรพบุรุษหลาย
วิธีการคืนบรรพบุรุษหลายระหว่าง <span> และ <body>
DOM
กลับบรรพบุรุษทั้งหมดระหว่าง <span> และ <div> โดยใช้องค์ประกอบ DOM
การใช้องค์ประกอบ DOM และการแสดงออกที่จะเลือกตัวกรองการค้นหา
โดยใช้องค์ประกอบ DOM เพื่อ จำกัด การค้นหาของบรรพบุรุษสำหรับ <ul> องค์ประกอบระหว่าง <span> และ <div>