jQuery का उपयोग करके समान आईडी वाले तत्वों तक पहुंचना

HTML में, प्रत्येक तत्व की एक अद्वितीय आईडी होनी चाहिए। हालाँकि, ऐसे परिदृश्य भी हो सकते हैं जहाँ आपको एक ही आईडी वाले कई तत्वों पर jQuery फ़ंक्शन लागू करने की आवश्यकता हो। इस लेख में, हम जानेंगे कि ऐसी स्थितियों से कैसे निपटा जाए।

प्रदान किए गए कोड स्निपेट के अनुसार, jQuery का jcarousel() फ़ंक्शन केवल आईडी "कैरोसेल" वाले पहले तत्व पर लागू किया जा रहा है। यदि आपके पास एक ही आईडी के साथ कई तत्व हैं, तो jQuery केवल पहली घटना का चयन करेगा, दूसरों को अनदेखा करेगा।

कॉमन क्लास का उपयोग कर समाधान

अनुशंसित दृष्टिकोण असाइन करना है एकाधिक तत्वों के लिए एक ही आईडी का उपयोग करने के बजाय, तत्वों के लिए एक सामान्य वर्ग। इससे यह सुनिश्चित होगा कि jQuery उन सभी तत्वों की आसानी से पहचान कर सकता है जिन्हें संशोधित करने की आवश्यकता है। यहां "कैरोसेल" नामक सामान्य वर्ग का उपयोग करने वाला एक उदाहरण दिया गया है:

jQuery(document).ready(function() {
    jQuery('.carousel').jcarousel();
});

समान आईडी का उपयोग कर वैकल्पिक समाधान

यदि आईडी विशेषताओं को बदलना संभव नहीं है, तो आप निम्नलिखित समाधान का उपयोग कर सकते हैं:

jQuery(document).ready(function() {
    jQuery('[id=carousel]').jcarousel();
});

यह दृष्टिकोण "हिंडोला" पर सेट विशेषता आईडी वाले सभी तत्वों का चयन करने के लिए jQuery के विशेषता चयनकर्ता [विशेषता = मान] का उपयोग करता है। ध्यान दें कि एकाधिक तत्वों के लिए एक ही आईडी का उपयोग करने की अनुशंसा नहीं की जाती है और यदि संभव हो तो इससे बचना चाहिए।