jQuery सेट डेटा attr

Question

एचटीएमएल

<div id="you" data-you="Hello mean">super</div> 

है #you HTML तत्व परिवर्तन डेटा-आप विशेषता

console.log($("#you").data("you")); // Hello mean 

$("#you").attr("data-you", "yes change you atribute"); 

console.log($("#you").data("you")); // Hello mean | does not change. 

गुण "डेटा-आप" परिवर्तन नहीं होता है जब मैं बदल जाते हैं। मैं यह कैसे कर सकता हूँ?

धन्यवाद।

Answer 1

attr() और आपको डेटा() विधि को बदलने की आवश्यकता नहीं है।

नीचे दिए तरीक़े का प्रयास करें:

console.log($("#you").data("you")); // Hello mean 

$("#you").data("you", "yes change you atribute"); // yes change you atribute 

console.log($("#you").data("you")); // yes change you atribute 

डेटा का उदाहरण http://api.jquery.com/data/

Answer 2

अपने ही तर्क पर, परिणाम देखने के लिए; attr

console.log($("#you").attr("data-you")); 

को data बदलने का संदर्भ लें LIVE DEMO

Answer 3

इस प्रयास करें:

$("#you").data("you", "yes change you atribute"); 

Answer 4

वहां पहले से ही एक जवाब सही रूप में चुना गया है, लेकिन इसकी लगता जवाब में से कोई भी तरह स्पष्ट रूप से और संक्षेप में बताएं कि क्या हो रहा है।
तो मुझे इस एक शॉट दे:

$(element).data(key, value) परिवर्तन एचटीएमएल 5 'डेटा- *' तत्व के गुण नहीं है, jQuery आंतरिक रूप से मुख्य मान संग्रहीत करता है (jQuery.cache में)।
परिणामस्वरूप जब आप $(element).data(key) पर कॉल करते हैं तो आपको jQuery द्वारा आंतरिक रूप से संग्रहीत किया जाता है।

आपके प्रश्न का उत्तर उत्तर देने के लिए:

आप अपना HTML टैग का data-you विशेषता बदली करने के लिए देख आप के बजाय attr() विधि

इस प्रकार का उपयोग करने की आवश्यकता होगी रहे हैं के बाद से:

console.log($("#you").attr("data-you")); // Hello mean 

$("#you").attr("data-you", "yes change you atribute"); 

console.log($("#you").attr("data-you")); // The data-you attribute has been changed.