ตัวอย่าง
กลับองค์ประกอบพี่น้องก่อนหน้าของแต่ละ <li> องค์ประกอบด้วยชื่อชั้น "start" :
$(document).ready(function(){
$("li.start").prev().css({"color": "red", "border": "2px
solid red"});
});
ผล:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
ลองตัวเอง» ความหมายและการใช้งาน
prev() วิธีการส่งกลับองค์ประกอบพี่น้องก่อนหน้านี้ขององค์ประกอบที่เลือก
องค์ประกอบพี่น้องเป็นองค์ประกอบที่ร่วมแม่เดียวกัน
ต้นไม้ DOM: วิธีการนี้สำรวจย้อนกลับไปก่อนหน้านี้พี่น้องขององค์ประกอบ DOM
วิธีการที่เกี่ยวข้อง:
- prevAll() - ส่งกลับองค์ประกอบพี่น้องก่อนหน้านี้ทั้งหมดขององค์ประกอบที่เลือก
- prevUntil() - ผลตอบแทนที่ทุกองค์ประกอบของพี่น้องก่อนหน้านี้ระหว่างสองข้อโต้แย้งที่กำหนด
วากยสัมพันธ์
$(selector).prev( filter )| พารามิเตอร์ | ลักษณะ |
|---|---|
| filter | ไม่จำเป็น ระบุการแสดงออกเลือกที่จะ จำกัด การค้นหาของพี่น้องก่อนหน้านี้ |
ลองตัวเอง - ตัวอย่าง
เลือกพี่น้องก่อนหน้าของแต่ละ <div> องค์ประกอบ
วิธีการเลือกองค์ประกอบพี่น้องก่อนหน้าของแต่ละ <div>
ค้นหาแคบลง
วิธีการเลือกพี่น้องก่อนหน้า <p> องค์ประกอบของแต่ละ <div> องค์ประกอบ