พี่น้อง jQuery () วิธีการ
ตัวอย่าง
ส่งคืนองค์ประกอบพี่น้องทั้งหมดของแต่ละองค์ประกอบ <li> ด้วยชื่อคลาส "start":
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
ผลลัพธ์:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
ความหมายและการใช้งาน
brothers() วิธีการส่งกลับองค์ประกอบพี่น้องทั้งหมดขององค์ประกอบที่เลือก
องค์ประกอบพี่น้องเป็นองค์ประกอบที่มีผู้ปกครองคนเดียวกัน
แผนผัง DOM:วิธีการนี้จะข้ามไปข้างหน้าและข้างหลังตามพี่น้องขององค์ประกอบ DOM
เคล็ดลับ:ใช้ เมธอด prev() หรือnext()เพื่อจำกัดการค้นหาเฉพาะองค์ประกอบพี่น้องก่อนหน้าหรือถัดไป
ไวยากรณ์
$(selector).siblings(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีใช้พารามิเตอร์ทั้งสองเพื่อกรองการค้นหาองค์ประกอบพี่น้อง
วิธีจำกัดการค้นหาองค์ประกอบ <p> พี่น้องทั้งหมดของแต่ละองค์ประกอบ <div>