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