องค์ประกอบ jQuery + ตัวเลือก ถัดไป
ตัวอย่าง
เลือก <p> องค์ประกอบที่อยู่ถัดจากแต่ละ <div> องค์ประกอบ:
$("div + p")
ความหมายและการใช้งาน
ตัวเลือก ("องค์ประกอบ + ถัดไป") จะเลือกองค์ประกอบ "ถัดไป" ของ "องค์ประกอบ" ที่ระบุ ต้องวางองค์ประกอบ "ถัดไป" หลังจากเลือก "องค์ประกอบ" ที่ระบุแล้ว
ตัวอย่าง: หากคุณมี <p> องค์ประกอบสองรายการหลังองค์ประกอบ <div> ไวยากรณ์นี้:
- $("div + p") - จะเลือกเฉพาะองค์ประกอบ <p> แรกเท่านั้น เนื่องจากเป็นองค์ประกอบถัดไปขององค์ประกอบ <div> (อีกองค์ประกอบ <p> จะถูกละเว้น)
ตัวอย่าง: หากคุณมีองค์ประกอบ <h2> หลังองค์ประกอบ <div> แล้วมีองค์ประกอบ <p> ไวยากรณ์นี้:
- $("div + p") - จะไม่เลือกองค์ประกอบ <p> เนื่องจากองค์ประกอบถัดไปขององค์ประกอบ <div> คือองค์ประกอบ <h2>
หมายเหตุ:ทั้งสององค์ประกอบที่ระบุต้องใช้พาเรนต์เดียวกัน
ไวยากรณ์
("element + next")
Parameter | Description |
---|---|
element |
Required.
Any valid jQuery selector |
next | Required. Specifies the element that should be the next element of the element parameter |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีการเลือก <div> องค์ประกอบที่อยู่ถัดจากแต่ละ <ul> องค์ประกอบ