উত্তরসূরী বা Descendant



ডিসেন্ডেন্ট বলতে ছেলে, নাতী, নাতীর ছেলে ইত্যাদি বুঝায় এবং এভাবে পর্যায়ক্রমে নিচের দিকে নামতে থাকবে। জেকুয়েরির মাধ্যমে কোনো এলিমেন্টের উত্তরসূরীকে খুঁজে বের করতে ডোম স্ট্রাকচারের নিচের দিকে নামতে হয়।


DOM স্ট্রাকচারের নিচে নামা

উত্তরসূরীকে খুঁজে বের করতে DOM স্ট্রাকচারের নিচে নামার মেথড গুলো হল - children() এবং find()


children() মেথড

children() মেথডের মাধ্যমে কোনো নির্বাচিত এলিমেন্টের সরাসরি চাইল্ড এলিমেন্টকে খুঁজে পাওয়া যায়। এই মেথডের মাধ্যমে DOM স্ট্রাকচারের মাত্র একধাপ নিচে নামা যায়। নিচের উদাহরণে সবগুলো <div> এলিমেন্টের সরাসরি চাইল্ড এলিমেন্টকে রিটার্ণ করবে।

উদাহরণ

$(document).ready(function(){
$("div").children();
});

কোনো নির্দিষ্ট এলিমেন্টকে খুঁজে বের করার জন্য আপনি ইচ্ছা করলে children() মেথডের মধ্যে অতিরিক্ত প্যারামিটার ব্যবহার করতে পারেন। নিচের উদাহরণে class="first" সম্বলিত সকল "p" এলিমেন্টকে সিলেক্ট করে এবং যেগুলো <div> এলিমেন্টের সরাসরি চাইল্ড এলিমেন্ট।

উদাহরণ

$(document).ready(function(){
$("div").children("p.first");
});



find() মেথড

find() মেথডের মাধ্যমে নির্বাচিত এলিমেন্টের সকল উত্তরসূরী এলিমেন্টকে সিলেক্ট করা যায়। এই পদ্ধতিতে নির্বাচিত এলিমেন্টের সবশেষ এলিমেন্টও সিলেক্ট করা যায়। নিচের উদাহরণে <div> এলিমেন্টের উত্তরসূরী সকল <span> এলিমেন্টকে সিলেক্ট করবে।

উদাহরণ

$(document).ready(function(){
$("div").find("span");
});

নিচের উদাহরনে <div> এলিমেন্টের সকল উত্তরসূরীকে রিটার্ণ করে।

উদাহরণ

$(document).ready(function(){
$("div").find("*");
});








এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.