closest পদ্ধতি

closest পদ্ধতিটি পদ্ধতির প্যারামিটার দ্বারা নির্দিষ্ট করা সিলেক্টর সন্তুষ্ট করে এমন নিকটতম অভিভাবক উপাদান খুঁজে পায়। এই পদ্ধতিটি parent পদ্ধতির মতো। অনুসন্ধান এইভাবে করা হয়: প্রথমে উপাদানের সরাসরি অভিভাবক পরীক্ষা করা হয়, তারপর দাদা-দাদী, পরদাদা-দাদী এবং তাই মূল উপাদান পর্যন্ত (অর্থাৎ html ট্যাগ পর্যন্ত)।

বাক্য গঠন

সিলেক্টর একটি DOM উপাদান, এক্সপ্রেশন বা jQuery অবজেক্ট হতে পারে। অনুসন্ধান প্যারামিটার হিসাবে প্রেরিত DOM উপাদান থেকে শুরু হয়:

javascript.closest(সিলেক্টর);

দ্বিতীয় প্যারামিটার হিসাবে একটি DOM উপাদানও প্রেরণ করা যেতে পারে, তখন অনুসন্ধান সেই উপাদানে করা হবে:

javascript.closest(সিলেক্টর, কনটেক্সট);

উদাহরণ

আসুন #test আইডি সহ উপাদানের জন্য www ক্লাস সহ নিকটতম অভিভাবক খুঁজে বের করি এবং এই উপাদানের শুরুতে '!' টেক্সট সহ একটি অনুচ্ছেদ সন্নিবেশ করি, এবং শেষে - '?' টেক্সট সহ একটি অনুচ্ছেদ:

html<div>
  <div class="www">
    <div>
      <p id="test">text</p>
    </div>
  </div>
</div>

javascript$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

HTML কোডটি এইরকম দেখাবে:

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">text</p>
    </div>
    <p>?</p>
  </div>
</div>

আরও দেখুন