ตัวอย่าง
กลับองค์ประกอบพี่น้องทุกคนต่อไปของแต่ละ <li> องค์ประกอบด้วยชื่อชั้น "start" :
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px
solid red"});
});
ผล:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
ลองตัวเอง» ความหมายและการใช้งาน
nextAll() วิธีการส่งกลับองค์ประกอบพี่น้องทุกคนต่อไปขององค์ประกอบที่เลือก
องค์ประกอบพี่น้องเป็นองค์ประกอบที่ร่วมแม่เดียวกัน
ต้นไม้ DOM: วิธีการนี้ไปข้างหน้าพร้อมสำรวจพี่น้องขององค์ประกอบ DOM
วิธีการที่เกี่ยวข้อง:
- next() - ส่งกลับองค์ประกอบพี่น้องต่อไปขององค์ประกอบที่เลือก
- nextUntil() - ส่งกลับองค์ประกอบต่อไปพี่น้องทั้งหมดระหว่างสองอาร์กิวเมนต์ที่กำหนด
วากยสัมพันธ์
$(selector).nextAll( filter )| พารามิเตอร์ | ลักษณะ |
|---|---|
| filter | ไม่จำเป็น ระบุการแสดงออกเลือกที่จะแคบลงการค้นหาสำหรับพี่น้องต่อไป หมายเหตุ: หากต้องการกลับพี่น้องหลายแยกแต่ละแสดงออกด้วยเครื่องหมายจุลภาค |
ลองตัวเอง - ตัวอย่าง
ค้นหาแคบลง
วิธีการกรองการค้นหาสำหรับองค์ประกอบพี่น้องต่อไป
กลับพี่น้องหลาย
โดยใช้พารามิเตอร์ตัวกรองที่จะได้รับพี่น้องทั้งหมดใน <h2> องค์ประกอบที่มีชื่อชั้น "first", "second" และ "third"
เลือกองค์ประกอบพี่น้องทุกคนต่อไปของ <p> องค์ประกอบ
วิธีการเลือกองค์ประกอบพี่น้องทุกคนต่อไปของ <p> องค์ประกอบ
เลือกพี่น้องทั้งหมดต่อไป <p> องค์ประกอบของ <div>
วิธีการเลือกทั้งหมดพี่น้องต่อไป <p> องค์ประกอบของแต่ละ <div> องค์ประกอบ