jQuery สำรวจเส้นทาง

ขวางคืออะไร?

jQuery สำรวจเส้นทางซึ่งหมายความว่า "ย้าย" ตามความสัมพันธ์กับองค์ประกอบอื่น ๆ เพื่อ "ค้นหา" (หรือเลือก) องค์ประกอบ HTML เลือกรายการที่จะเริ่มต้นและเลือกที่จะย้ายไปจนถึงองค์ประกอบที่คุณคาดว่าจะมาถึง

รูปด้านล่างแสดงให้เห็นต้นไม้ครอบครัว โดย jQuery สำรวจเส้นทางที่คุณสามารถเลือกจาก (ปัจจุบัน) เริ่มต้นองค์ประกอบได้อย่างง่ายดายย้าย (บรรพบุรุษ) ในแผนภูมิต้นไม้ครอบครัวขึ้นไปการเคลื่อนไหวลดลง (ลูกหลาน) เคลื่อนไหวในแนวนอน (เพื่อนร่วมชาติ) การเคลื่อนไหวครั้งนี้จะเรียกว่า traversal DOM

วิเคราะห์ไอคอน:

• <div> เป็น <ul> องค์ประกอบหลักซึ่งเป็นบรรพบุรุษของเนื้อหาทั้งหมด
• <ul> องค์ประกอบเป็นองค์ประกอบหลักของ <li> องค์ประกอบในขณะที่ <div> เด็กองค์ประกอบ
• <li> องค์ประกอบซ้ายเป็น <span> องค์ประกอบหลัก <ul> องค์ประกอบของเด็กในขณะที่ <div> ลูกหลาน
• <span> องค์ประกอบเป็น <li> องค์ประกอบของเด็กในขณะที่ <ul> และ <div> ลูกหลาน
• สอง <li> องค์ประกอบเป็นพี่น้อง (มีองค์ประกอบหลักเดียวกัน)
• <li> องค์ประกอบด้านขวาเป็น <b> องค์ประกอบหลัก <ul> องค์ประกอบของเด็กในขณะที่ <div> ลูกหลาน
• <b> องค์ประกอบเป็น <li> องค์ประกอบไปทางขวาของเด็กในขณะที่ <ul> และ <div> ลูกหลาน

	พ่อของบรรพบุรุษปู่ทวดและอื่น ๆ ลูกหลานเป็นเด็กหลานเหลนและอื่น ๆ เพื่อนร่วมชาติมีแม่เดียวกัน

DOM สำรวจเส้นทาง

jQuery มีวิธี DOM สำรวจเส้นทางหลาย

วิธีการสำรวจเส้นทางสายพันธุ์ที่ใหญ่ที่สุดคือการข้ามผ่านต้นไม้ (ต้นไม้ traversal)

บทต่อไปจะอธิบายวิธีการใน DOM ต้นไม้และภายใต้ย้ายที่คล้ายกัน