jQuery ट्रैवर्सिंग

ट्रैवर्सिंग क्या है?

jQuery ट्रैवर्सिंग, जिसका अर्थ है "आगे बढ़ना", अन्य तत्वों के साथ उनके संबंध के आधार पर HTML तत्वों को "ढूंढना" (या चयन) करने के लिए उपयोग किया जाता है। एक चयन से शुरू करें और उस चयन के माध्यम से तब तक आगे बढ़ें जब तक आप अपने इच्छित तत्वों तक नहीं पहुंच जाते।

नीचे दी गई छवि एक HTML पृष्ठ को एक ट्री (DOM ट्री) के रूप में दर्शाती है। JQuery ट्रैवर्सिंग के साथ, आप चयनित (वर्तमान) तत्व से शुरू करके आसानी से पेड़ में ऊपर (पूर्वजों), नीचे (वंशज) और किनारे (भाई बहन) को स्थानांतरित कर सकते हैं। इस आंदोलन को ट्रैवर्सिंग - या आगे बढ़ना - डोम पेड़ कहा जाता है।

चित्रण समझाया:

<div> तत्व <ul> का जनक है, और इसके अंदर की हर चीज का पूर्वज है
<ul> तत्व <li> तत्वों का जनक है, और <div> . का एक बच्चा है
बायां <li> तत्व <span> का जनक , <ul> का बच्चा और <div> का वंशज है
<span> तत्व बाएं <li> का एक बच्चा है और <ul> और <div> . का वंशज है
दो <li> तत्व भाई-बहन हैं (वे एक ही माता-पिता को साझा करते हैं)
दायां <li> तत्व <b> का जनक , <ul> का बच्चा और <div> . का वंशज है
<b> तत्व दाएं <li> का बच्चा है और <ul> और <div> . का वंशज है

एक पूर्वज माता-पिता, दादा-दादी, परदादा, आदि होते हैं।
एक वंशज एक बच्चा, पोता, परपोता, आदि है।
भाई-बहन एक ही माता-पिता को साझा करते हैं।

डोम को ट्रैवर्स करना

jQuery कई तरह के तरीके प्रदान करता है जो हमें DOM को पार करने की अनुमति देता है।

ट्रैवर्सल विधियों की सबसे बड़ी श्रेणी ट्री-ट्रैवर्सल है।

अगले अध्याय हमें दिखाएंगे कि DOM ट्री में ऊपर, नीचे और बग़ल में कैसे यात्रा करें।