क्लोजेस्ट मेथड

closest मेथड मेथड के पैरामीटर द्वारा निर्दिष्ट सेलेक्टर को संतुष्ट करने वाले निकटतम पैरेंट एलिमेंट को ढूंढता है। यह मेथड parent मेथड के समान है। खोज इस प्रकार की जाती है: पहले एलिमेंट के सीधे पैरेंट की जांच की जाती है, फिर दादा-परदादा, परदादा और इसी तरह रूट एलिमेंट (यानी html टैग) तक।

सिंटैक्स

सेलेक्टर एक DOM एलिमेंट, एक्सप्रेशन या jQuery ऑब्जेक्ट हो सकता है। खोज पैरामीटर के रूप में पास किए गए DOM एलिमेंट से शुरू होती है:

javascript.closest(सेलेक्टर);

दूसरे पैरामीटर के रूप में एक DOM एलिमेंट भी पास किया जा सकता है, तब खोज इस एलिमेंट में की जाएगी:

javascript.closest(सेलेक्टर, कॉन्टेक्स्ट);

उदाहरण

आइए #test आईडी वाले एलिमेंट के लिए www क्लास वाले निकटतम पैरेंट को ढूंढें और इस एलिमेंट की शुरुआत में '!' टेक्स्ट वाला पैराग्राफ इन्सर्ट करें, और अंत में - '?' टेक्स्ट वाला पैराग्राफ इन्सर्ट करें:

html<div>
  <div class="www">
    <div>
      <p id="test">टेक्स्ट</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">टेक्स्ट</p>
    </div>
    <p>?</p>
  </div>
</div>

यह भी देखें

  • parent मेथड,
    जो एलिमेंट के सीधे पैरेंट को प्राप्त करने की अनुमति देता है
  • parents मेथड,
    जो एलिमेंट के सभी पैरेंट्स को प्राप्त करने की अनुमति देता है
  • parentsUntil मेथड,
    जो एलिमेंट के सभी पैरेंट्स को निर्दिष्ट पैरेंट तक प्राप्त करने की अनुमति देता है
  • JavaScript मेथड closest,
    जो निकटतम पैरेंट एलिमेंट प्राप्त करने की अनुमति देता है