ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery element + next Selector

<jQuery Selectors

ตัวอย่าง

เลือก <p> องค์ประกอบที่อยู่ติดกัน <div> องค์ประกอบ:

$("div + p")
ลองตัวเอง»

ความหมายและการใช้งาน

("element + next") เลือกเลือก "next" องค์ประกอบของการระบุ "องค์ประกอบที่" "next" องค์ประกอบที่จะต้องวางขวาหลังจากที่ระบุ "element" ที่ได้รับเลือก

ตัวอย่าง: หากคุณมีสอง <p> องค์ประกอบที่เหมาะสมหลังจาก <div> องค์ประกอบรูปแบบนี้:

  • $("div + p") - จะเลือกแรก <p> องค์ประกอบเพราะมันเป็นองค์ประกอบต่อไปของ <div> องค์ประกอบ (อีก <p> องค์ประกอบที่จะถูกละเว้น)

ตัวอย่าง: หากคุณมี <h2> องค์ประกอบที่เหมาะสมหลังจาก <div> องค์ประกอบแล้ว <p> องค์ประกอบรูปแบบนี้:

  • $("div + p") - จะไม่เลือก <p> องค์ประกอบเพราะองค์ประกอบต่อไปของ <div> องค์ประกอบเป็น <h2> องค์ประกอบ

หมายเหตุ: ทั้งสององค์ประกอบที่ระบุต้องใช้ร่วมกันแม่เดียวกัน


วากยสัมพันธ์

(" element + next ")

พารามิเตอร์ ลักษณะ
element จำเป็นต้องใช้ ถูกต้องใด ๆ เลือก jQuery
next จำเป็นต้องใช้ระบุองค์ประกอบที่ควรจะเป็นองค์ประกอบต่อไปของพารามิเตอร์องค์ประกอบ

ลองตัวเอง - ตัวอย่าง

เลือก <div> องค์ประกอบที่อยู่ติดกัน <ul> องค์ประกอบ
วิธีการเลือก <div> องค์ประกอบที่อยู่ติดกัน <ul> องค์ประกอบ


<jQuery Selectors