jQuery สำรวจเส้นทาง - Compatriots (พี่น้อง)
เพื่อนร่วมชาติมีองค์ประกอบหลักเดียวกัน
โดย jQuery คุณสามารถเข้าไปร่วมชาติขององค์ประกอบในต้นไม้ DOM
ระดับในการข้ามผ่านต้นไม้ DOM
มีวิธีที่มีประโยชน์มากมายที่จะทำให้เราอยู่ในระดับ DOM traversal ต้นไม้ที่มี:
- พี่น้อง ()
- ถัดไป ()
- nextAll ()
- nextUntil ()
- ย้อนกลับ ()
- prevAll ()
- prevUntil ()
jQuery พี่น้อง () วิธีการ
พี่น้อง () วิธีการส่งกลับองค์ประกอบที่เลือกทุกองค์ประกอบร่วมชาติ
ตัวอย่างต่อไปนี้จะส่งกลับ <h2> องค์ประกอบร่วมชาติทั้งหมด:
นอกจากนี้คุณยังสามารถใช้พารามิเตอร์ที่ไม่จำเป็นในการกรองการค้นหาสำหรับองค์ประกอบของเพื่อนร่วมชาติ
ผลตอบแทนที่ได้ตัวอย่างต่อไปนี้เป็น <h2> องค์ประกอบร่วมชาติทุก <p> องค์ประกอบ:
jQuery ถัดไป () วิธีการ
ถัดไป () วิธีการส่งกลับองค์ประกอบที่เลือกไปยังเพื่อนร่วมชาติองค์ประกอบถัดไป
วิธีการนี้จะส่งกลับเพียงองค์ประกอบหนึ่ง
ตัวอย่างต่อไปนี้จะส่งกลับ <h2> องค์ประกอบร่วมชาติถัดไป:
jQuery nextAll () วิธีการ
nextAll () วิธีการส่งกลับองค์ประกอบทั้งหมดทำตามเพื่อนขององค์ประกอบที่เลือก
ตัวอย่างต่อไปนี้จะส่งกลับ <h2> องค์ประกอบร่วมชาติทุกคนปฏิบัติตาม:
jQuery nextUntil () วิธีการ
nextUntil () วิธีการส่งกลับระหว่างองค์ประกอบทั้งหมดของสองเพื่อนร่วมชาติที่จะปฏิบัติตามพารามิเตอร์ที่กำหนด
ตัวอย่างต่อไปนี้จะส่งกลับระหว่าง <H2> และ <H6> องค์ประกอบร่วมชาติทุกระหว่างองค์ประกอบ:
jQuery ก่อนหน้า () prevAll () และ prevUntil () วิธีการ
ก่อนหน้าการทำงาน () prevAll () และ prevUntil () วิธีการคล้ายกับวิธีการดังกล่าว แต่ในทิศทางตรงกันข้ามพวกเขากลับมาในด้านหน้าขององค์ประกอบร่วม (ในการข้ามผ่านต้นไม้ DOM ย้อนกลับไปตามองค์ประกอบร่วมชาติแทน ไปข้างหน้า)