ภายในคืออะไร?
jQuery traversing ซึ่งหมายความว่า "ย้ายผ่าน" จะใช้ในการ "ค้นหา" (หรือเลือก) องค์ประกอบ HTML อยู่บนพื้นฐานของความสัมพันธ์กับองค์ประกอบอื่น ๆ เริ่มต้นด้วยหนึ่งตัวเลือกและย้ายผ่านการคัดเลือกว่าจนกว่าจะถึงองค์ประกอบที่คุณต้องการ
ภาพด้านล่างแสดงให้เห็นถึงต้นไม้ครอบครัว กับ jQuery traversing คุณสามารถเลื่อนขึ้น (บรรพบุรุษ) ลดลง (ลูกหลาน) และด้านข้าง (พี่น้อง) ในแผนภูมิต้นไม้ครอบครัวเริ่มต้นจากการเลือก (ปัจจุบัน) องค์ประกอบ การเคลื่อนไหวครั้งนี้จะเรียกว่า traversing - หรือเคลื่อนผ่าน - The DOM
ภาพประกอบอธิบายว่า:
- <div> องค์ประกอบที่เป็นแม่ของ <ul> และเป็นบรรพบุรุษของทุกอย่างภายในของมัน
- <ul> องค์ประกอบที่เป็นพ่อแม่ของทั้งสอง <li> องค์ประกอบและลูกของ <div>
- ที่เหลือ <li> องค์ประกอบเป็นผู้ปกครองของ <span> เด็กของ <ul> และลูกหลานของ <div>
- <span> องค์ประกอบเป็นเด็กซ้าย <li> และลูกหลานของ <ul> และ <div>
- ทั้งสอง <li> องค์ประกอบเป็นพี่น้อง (พวกเขาส่วนใหญ่มีแม่เดียวกัน)
- สิทธิ <li> องค์ประกอบเป็นแม่ของ <b> เด็กของ <ul> และลูกหลานของ <div>
- <b> องค์ประกอบที่เป็นลูกของสิทธิ <li> และลูกหลานของ <ul> และ <div>
บรรพบุรุษเป็นพ่อแม่ปู่ย่าตายายปู่ย่าตายายที่ดีและอื่น ๆ
ลูกหลานเป็นเด็กหลานหลานที่ดีและอื่น ๆ
พี่น้องร่วมแม่เดียวกัน
traversing DOM
jQuery ให้ความหลากหลายของวิธีการที่ช่วยให้เราสามารถสำรวจ DOM
ประเภทที่ใหญ่ที่สุดของวิธีการสำรวจเส้นทางมีต้นไม้ traversal
บทต่อไปจะแสดงให้เราเห็นวิธีการที่จะเดินทางขึ้นลงและด้านข้างในต้นไม้ DOM
jQuery traversing อ้างอิง
สำหรับภาพรวมทั้งหมดของทุกวิธีการ jQuery traversing โปรดไปที่เรา jQuery traversing อ้างอิง