jQuery parentUntil() Method
ตัวอย่าง
ส่งคืนองค์ประกอบบรรพบุรุษทั้งหมดระหว่าง <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
ความหมายและการใช้งาน
parentUntil() วิธีการส่งกลับองค์ประกอบบรรพบุรุษทั้งหมดระหว่างตัวเลือก และหยุด
บรรพบุรุษคือพ่อแม่ปู่ย่าตายายปู่ย่าตายายเป็นต้น
แผนผัง DOM:วิธีการนี้จะข้ามขึ้นไปจากองค์ประกอบหลักตามบรรพบุรุษขององค์ประกอบ DOM ไปจนถึงองค์ประกอบรากของเอกสาร จนกว่าจะถึงองค์ประกอบเฉพาะ
หมายเหตุ:หากพารามิเตอร์ทั้งสองว่างเปล่า เมธอดนี้จะส่งคืนองค์ประกอบบรรพบุรุษทั้งหมด (เหมือนกับ เมธอด parent() )
วิธีการที่เกี่ยวข้อง:
- parent() - ส่งคืนองค์ประกอบหลักโดยตรงขององค์ประกอบที่เลือก
- parent() - ส่งคืนองค์ประกอบบรรพบุรุษทั้งหมดขององค์ประกอบที่เลือก
- ที่ใกล้เคียงที่สุด () - ส่งคืนบรรพบุรุษแรกขององค์ประกอบที่เลือก
ไวยากรณ์
$(selector).parentsUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีใช้พารามิเตอร์ทั้งสองเพื่อกรองการค้นหาองค์ประกอบเฉพาะระหว่าง <span> และ <div>
วิธีคืนค่าบรรพบุรุษหลายรายการระหว่าง <span> และ <body>
ส่งคืนบรรพบุรุษทั้งหมดระหว่าง <span> และ <div> โดยใช้องค์ประกอบ DOM
การใช้องค์ประกอบ DOM เพื่อจำกัดการค้นหาบรรพบุรุษสำหรับองค์ประกอบ <ul> ระหว่าง <span> และ <div>