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