সিবলিং বা Sibling



সিবলিং মানে সহোদর অর্থাৎ একই পিতার সন্তানকে বুঝায়। জেকুয়েরির মাধ্যমে DOM স্ট্রাকচারের একপাশ থেকে অন্য পাশে অর্থাৎ পাশাপাশি ট্রাভার্সিং বা ভ্রমণ করে সহোদর এলিমেন্টকে সিলেক্ট করা যায়।


DOM স্ট্রাকচারে পাশাপাশি ট্রাভার্সিং

আমরা জানি DOM এর গঠন হচ্ছে গাছ আকৃতির। এই গাছে পরিভ্রমণের অনেকগুলো মেথড রয়েছে। যেগুলো নিছে দেয়া হলো - siblings(), next(), nextAll(), nextUntil(), prev(), prevAll() এবং prevUntil().


siblings() মেথড

siblings() মেথডের মাধ্যমে নির্বাচিত এলিমেন্টের সকল সহোদর এলিমেন্টকে সিলেক্ট করা যায়। নিচের উদাহরণে <h2> এলিমেন্টের সকল সহোদর এলিমেন্টকে সিলেক্ট করে।

উদাহরণ

$(document).ready(function(){
$("h2").siblings();
});

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

উদাহরণ

$(document).ready(function(){
$("h2").siblings("p");
});


next() মেথড

next() মেথডের মাধ্যমে কোনো এলিমেন্টের পরবর্তী সহোদর এলিমেন্টকে সিলেক্ট করা যায়। নিচের উদাহরণে <h2> এলিমেন্টের পরবর্তী সহোদর এলিমেন্টকে সিলেক্ট করে।

উদাহরণ

$(document).ready(function(){
$("h2").next();
});


nextAll() মেথড

nextAll() মেথডের মাধ্যমে কোনো এলিমেন্টের পরবর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করা যায়। নিচের উদাহরণে <h2> এর পরবর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করে।

উদাহরণ

$(document).ready(function(){
$("h2").nextAll();
});


nextUntil() মেথড

nextUntil() মেথডের মাধ্যমে দুটি আর্গুমেন্টের মধ্যবর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করা যায়। নিচের উদাহরণে <h2> এবং <h6> এর মধ্যবর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করে।

উদাহরণ

$(document).ready(function(){
$("h2").nextUntil("h6");
});


prev(), prevAll() এবং prevUntil() মেথড

prev(), prevAll() এবং prevUntil() মেথডগুলি উপরের মেথডগুলির মতই। কিন্তু এগুলো উল্টোদিকে কাজ করে। অর্থাৎ এই মেথডগুলির মাধ্যমে পেছনের সহোদর এলিমেন্টগুলোকে সিলেক্ট করা হয়। অথচ উপরের মেথডগুলোর মাধ্যমে সামনের সহোদর এলিমেন্ট গুলোকে সিলেক্ট করা হয়েছিল।







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

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