jQuery prevUntil()เมธอด
ตัวอย่าง
ส่งคืนองค์ประกอบพี่น้องทั้งหมดระหว่างสององค์ประกอบ <li> ที่มีชื่อคลาส "start" และ "stop":
$(document).ready(function(){
$("li.start").prevUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
ผลลัพธ์:
ul (parent)
- li (sibling with class name "stop")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
ความหมายและการใช้งาน
prevUntil() วิธีการส่งกลับองค์ประกอบพี่น้องก่อนหน้าทั้งหมดระหว่างตัวเลือก และหยุด
องค์ประกอบพี่น้องเป็นองค์ประกอบที่มีผู้ปกครองคนเดียวกัน
แผนผัง DOM:วิธีการนี้จะย้อนกลับตามพี่น้องขององค์ประกอบ DOM
หมายเหตุ:หากพารามิเตอร์ทั้งสองว่างเปล่า เมธอดนี้จะส่งคืนองค์ประกอบพี่น้องก่อนหน้าทั้งหมด (เหมือนกับเมธอด prevAll() )
วิธีการที่เกี่ยวข้อง:
- prev() - ส่งคืนองค์ประกอบพี่น้องก่อนหน้าขององค์ประกอบที่เลือก
- prevAll() - ส่งคืนองค์ประกอบพี่น้องก่อนหน้าทั้งหมดขององค์ประกอบที่เลือก
ไวยากรณ์
$(selector).prevUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for previous matching siblings elements |
| filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
ลองด้วยตัวคุณเอง - ตัวอย่าง
ใช้พารามิเตอร์ทั้งสองเพื่อกรองการค้นหาองค์ประกอบพี่น้องก่อนหน้าระหว่างสองอาร์กิวเมนต์
วิธีคืนค่าองค์ประกอบพี่น้องหลายรายการระหว่างสองอาร์กิวเมนต์
ใช้องค์ประกอบ DOM แทนตัวเลือกเพื่อส่งคืนองค์ประกอบพี่น้องระหว่างสองอาร์กิวเมนต์
การใช้องค์ประกอบ DOM แทนตัวเลือก และพารามิเตอร์ทั้งสองเพื่อกรองการค้นหาพี่น้องก่อนหน้าระหว่างสองอาร์กิวเมนต์