জেকুয়েরি ট্রাভার্সিং

জেকুয়েরি ট্রাভার্সিং দ্বারা এক এলিমেন্ট থেকে অন্য এলিমেন্টে মুভ করা যায়। এইচটিএমএল এলিমেন্টগুলোকে তাদের মধ্যে সম্পর্কের উপর ভিত্তি করে খুঁজে বের করতে এটি ব্যবহৃত হয়।

একটি এলিমেন্টকে সিলেক্ট করে এবং তার উপর ভিত্তি করে আপনি যে এলিমেন্টকে খুঁজে বের করতে চান সে এলিমেন্টকে খুঁজে না পাওয়া পর্যন্ত মুভ করতেই থাকবে।

নিচের গাছ আকৃতির চিত্রে ট্রাভার্সিং-এর ব্যাখ্যা দেওয়া হলো। জেকুয়েরি ট্রাভার্সিং-এর মাধ্যমে নির্বাচিত এলিমেন্টটি খুব সহজেই তার কাঙ্ক্ষিত এলিমেন্টে যাওয়ার জন্য এর পূর্বসূরি (ancestor) বা উপরের দিকে, উত্তরসূরি (descendant) বা নিচের দিকে এবং পাশাপাশি (sibling) মুভ করতে পারে।

• <div> এলিমেন্টটি <ul> এলিমেন্টের প্যারেন্ট এলিমেন্ট এবং <ul> এর মধ্যে অবস্থিত সকল এলিমেন্টের পূর্বসূরি।
• <ul> এলিমেন্টটি উভয় <li> এলিমেন্টের প্যারেন্ট এলিমেন্ট এবং <div> এর চাইল্ড এলিমেন্ট।
• বামদিকের <li> এলিমেন্ট <span> এর প্যারেন্ট এলিমেন্ট, <ul> এর চাইল্ড এলিমেন্ট এবং <div> এর উত্তরসূরী।
• <span> এলিমেন্ট বামদিকের <li> এর চাইল্ড এলিমেন্ট এবং <ul> ও <div> এর উত্তরসূরী।
• <li> এলিমেন্ট দুটি হচ্ছে ভাই-বোন(sibling) কারণ এদের প্যারেন্ট একই।
• ডানদিকের <li> এলিমেন্ট <b> এর প্যারেন্ট এলিমেন্ট, <ul> এর চাইল্ড এবং এর <div> উত্তরসূরী।
• <b>এলিমেন্ট ডানদিকের <li> এলিমেন্টের চাইল্ড এলিমেন্ট এবং <ul> ও <div> এর উত্তসূরী।

DOM ট্রাভার্সিং

জেকুয়েরিতে বিভিন্ন ধরণের মেথড রয়েছে। যার মাধ্যমে DOM এর মধ্যে ট্রাভার্সিং করা যায়।

জেকুয়েরি DOM এর গঠন গাছ আকৃতির মতো। যেমন আপনি গাছের বিভিন্ন শাখা-প্রশাখায় পরিভ্রমণ করতে পারেন। তেমনি জেকুয়েরি DOM এর মাধ্যমে বিভিন্ন মেথডের মধ্যেও ভ্রমণ করতে পারবেন।

পরবর্তী অধ্যায়ে জেকুয়েরি DOM মেথড সম্বন্ধে আলোচনা করা হয়ছে।

জেকুয়েরি ট্রাভার্সিং রেফারেন্স

ট্রাভার্সিং-এর সবগুলো মেথড জানার জন্য আমাদের জেকুয়েরি ট্রাভার্সিং রেফারেন্স পেজে ভিজিট করুন।