jQuery ก่อนหน้า ()วิธีการ
ตัวอย่าง
ส่งคืนองค์ประกอบพี่น้องก่อนหน้าของแต่ละองค์ประกอบ <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)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the previous sibling search |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีเลือกองค์ประกอบพี่น้องก่อนหน้าของแต่ละองค์ประกอบ <div>
วิธีเลือกองค์ประกอบ <p> พี่น้องก่อนหน้าของแต่ละองค์ประกอบ <div>