jQuery พี่น้อง () วิธีการ
ตัวอย่าง
ส่งกลับองค์ประกอบพี่น้องทั้งหมดที่มีชื่อชั้นของ "เริ่มต้น" สำหรับแต่ละ <li> องค์ประกอบ:
$(document).ready(function(){
$("li.start").siblings().css({"color":"red","border":"2px solid red"});
});
$("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)
ลอง»
ความหมายและการใช้งาน
พี่น้อง () วิธีการส่งกลับองค์ประกอบที่เลือกพี่น้องทั้งหมด
องค์ประกอบพี่น้องเป็นองค์ประกอบที่ใช้องค์ประกอบแม่เดียวกัน
ต้นไม้ DOM: วิธีการนี้ไปข้างหน้าและข้างหลังพร้อมพี่น้องทราเวิร์องค์ประกอบ DOM
เคล็ดลับ: ใช้ ก่อนหน้า () หรือ ถัดไป () วิธีการในการ จำกัด การค้นหาเพียงแค่ก่อนและหลังพี่น้องหรือองค์ประกอบองค์ประกอบพี่น้อง
ไวยากรณ์
$(selector).siblings( filter )
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索同级元素范围的选择器表达式。 |
ตัวอย่างเพิ่มเติม
จำกัด การค้นหาของคุณ
วิธีการใช้สองพารามิเตอร์ในการกรองการค้นหาสำหรับองค์ประกอบที่คล้ายกัน
เลือกแต่ละ <div> ในพี่น้องทั้งหมด <p> องค์ประกอบ
วิธีการ จำกัด ช่วงการค้นหาสำหรับทุกพี่น้อง <p> สำหรับแต่ละองค์ประกอบ <div>