closest পদ্ধতি

closest পদ্ধতিটি নিকটতম প্যারেন্ট এলিমেন্ট খুঁজে বের করে যেটি নির্দিষ্ট CSS সিলেক্টরের সাথে মেলে, এবং এই ক্ষেত্রে এলিমেন্ট নিজেও অনুসন্ধানে অন্তর্ভুক্ত থাকে।

সিনট্যাক্স

javascriptelement.closest('selector');

উদাহরণ

আসুন আমরা একটি এলিমেন্টের প্যারেন্টদের মধ্যে www ক্লাস সহ এলিমেন্টটি খুঁজে বের করি:

html<div class="www" id="parent2">
  <div class="ggg" id="parent1">
    <p class="zzz" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');

console.log(parent.id);

কোড এক্সিকিউট করার ফলাফল:

javascript'parent2'

উদাহরণ

আসুন আমরা একটি এলিমেন্টের প্যারেন্টদের মধ্যে www ক্লাস সহ এলিমেন্টটি খুঁজে বের করি। ফলস্বরূপ আমরা এলিমেন্টটির নিজের রেফারেন্স পাব, কারণ এটির নিজেরই এই ক্লাস রয়েছে:

html<div class="www" id="parent2">
  <div class="www" id="parent1">
    <p class="www" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);

কোড এক্সিকিউট করার ফলাফল:

javascript'child'

আরও দেখুন