closest পদ্ধতি
closest পদ্ধতিটি নিকটতম প্যারেন্ট এলিমেন্ট খুঁজে বের করে
যেটি নির্দিষ্ট CSS সিলেক্টরের সাথে মেলে,
এবং এই ক্ষেত্রে এলিমেন্ট নিজেও অনুসন্ধানে অন্তর্ভুক্ত থাকে।
সিনট্যাক্স
element.closest('selector');
উদাহরণ
আসুন আমরা একটি এলিমেন্টের প্যারেন্টদের মধ্যে
www ক্লাস সহ এলিমেন্টটি খুঁজে বের করি:
<div class="www" id="parent2">
<div class="ggg" id="parent1">
<p class="zzz" id="child"></p>
</div>
</div>
let elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);
কোড এক্সিকিউট করার ফলাফল:
'parent2'
উদাহরণ
আসুন আমরা একটি এলিমেন্টের প্যারেন্টদের মধ্যে
www ক্লাস সহ এলিমেন্টটি খুঁজে বের করি। ফলস্বরূপ আমরা
এলিমেন্টটির নিজের রেফারেন্স পাব, কারণ এটির নিজেরই
এই ক্লাস রয়েছে:
<div class="www" id="parent2">
<div class="www" id="parent1">
<p class="www" id="child"></p>
</div>
</div>
let elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);
কোড এক্সিকিউট করার ফলাফল:
'child'
