jQuery के साथ डेटा-आईडी विशेषता तक पहुंचना

jQuery क्विकसैंड प्लगइन के साथ काम करते समय, क्लिक किए गए तत्वों की 'डेटा-आईडी' विशेषता को पुनः प्राप्त करना अक्सर आवश्यक होता है विभिन्न वेब सेवाओं तक जानकारी पहुँचाएँ। यहां इस विशेषता मान को प्रभावी ढंग से प्राप्त करने का तरीका बताया गया है:

'डेटा-आईडी' विशेषता को jQuery में .attr() विधि का उपयोग करके एक्सेस किया जा सकता है। सिंटैक्स इस प्रकार है:

$(this).attr("data-id")

यह अभिव्यक्ति एक स्ट्रिंग के रूप में 'डेटा-आईडी' विशेषता का मान लौटाती है।

उदाहरण के लिए, यदि क्लिक किए गए तत्व में निम्नलिखित HTML है:

निम्नलिखित jQuery कोड 'डेटा-आईडी' विशेषता पुनर्प्राप्त करेगा:

$("#list li").on('click', function() {
  // Get the data-id value
  var dataId = $(this).attr("data-id");
  // Use the dataId value as needed
});

वैकल्पिक रूप से, आप jQuery संस्करण 1.4.3 और उससे ऊपर के लिए .data() विधि का उपयोग कर सकते हैं। .data() विधि 'डेटा-आईडी' मान को एक स्ट्रिंग के बजाय मूल जावास्क्रिप्ट प्रकार (उदाहरण के लिए, संख्या, बूलियन) के रूप में लौटाती है।

$(this).data("id")

याद रखें, .data() विधि का उपयोग करते समय, 'डेटा-' के बाद का भाग लोअरकेस होना चाहिए। उदाहरण के लिए, 'डेटा-आईडीनम' विफल हो जाएगा, जबकि 'डेटा-आईडीनम' सफल हो जाएगा।