ตัวอย่าง
กลับองค์ประกอบพี่น้องทั้งหมดของแต่ละ <li> องค์ประกอบกับ class ชื่อ "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)
ลองตัวเอง» ความหมายและการใช้งาน
siblings() วิธีการส่งกลับองค์ประกอบพี่น้องทั้งหมดขององค์ประกอบที่เลือก
องค์ประกอบพี่น้องเป็นองค์ประกอบที่ร่วมแม่เดียวกัน
ต้นไม้ DOM: วิธีการนี้สำรวจไปข้างหน้าและข้างหลังพร้อมพี่น้องขององค์ประกอบ DOM
เคล็ดลับ: ใช้ prev() หรือ next() วิธีการที่จะแคบลงการค้นหาสำหรับองค์ประกอบพี่น้องก่อนหน้าหรือถัดเท่านั้น
วากยสัมพันธ์
$(selector).siblings( filter )| พารามิเตอร์ | ลักษณะ |
|---|---|
| filter | ไม่จำเป็น ระบุการแสดงออกเลือกที่จะแคบลงการค้นหาสำหรับองค์ประกอบพี่น้อง |
ลองตัวเอง - ตัวอย่าง
ค้นหาแคบลง
วิธีการใช้พารามิเตอร์ทั้งตัวกรองการค้นหาสำหรับพี่น้ององค์ประกอบ
เลือกทั้งหมดพี่น้อง <p> องค์ประกอบของแต่ละ <div> องค์ประกอบ
วิธีการค้นหาให้แคบลงสำหรับทุกพี่น้อง <p> องค์ประกอบของแต่ละ <div> องค์ประกอบ