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 ย้อนกลับไปตามองค์ประกอบร่วมชาติแทน ไปข้างหน้า)