ตัวอย่าง
กลับองค์ประกอบพี่น้องทั้งหมดระหว่างสอง <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 )| พารามิเตอร์ | ลักษณะ |
|---|---|
| stop | ไม่จำเป็น นิพจน์เลือกองค์ประกอบหรือวัตถุ jQuery แสดงให้เห็นว่าจะหยุดการค้นหาสำหรับองค์ประกอบพี่น้องจับคู่ก่อนหน้านี้ |
| filter | ไม่จำเป็น ระบุการแสดงออกเลือกที่จะแคบลงการค้นหาสำหรับพี่น้ององค์ประกอบระหว่างตัวเลือกและหยุด หมายเหตุ: หากต้องการกลับพี่น้องหลายแยกแต่ละแสดงออกด้วยเครื่องหมายจุลภาค |
ลองตัวเอง - ตัวอย่าง
ค้นหาแคบลง
โดยใช้พารามิเตอร์ทั้งตัวกรองการค้นหาสำหรับองค์ประกอบพี่น้องก่อนหน้านี้ระหว่างสองข้อโต้แย้ง
กลับพี่น้องหลาย
วิธีการกลับองค์ประกอบพี่น้องหลายระหว่างสองข้อโต้แย้ง
DOM
การใช้องค์ประกอบ DOM แทนการเลือกที่จะกลับองค์ประกอบพี่น้องระหว่างสองข้อโต้แย้ง
ใช้ DOM กับพารามิเตอร์ที่ทั้งสอง
การใช้องค์ประกอบ DOM แทนการเลือกและพารามิเตอร์ทั้งในการกรองการค้นหาพี่น้องก่อนหน้านี้ระหว่างสองข้อโต้แย้ง