दिलचस्प पोस्ट
पृष्ठभूमि आकार का अनुकरण: <video> या <img> पर कवर करें डी 3 फोर्स-निर्देशित लेआउट में नोड स्थिति को ठीक करें मैं एक प्रोटोटाइप फ़ंक्शन में "यह" के लिए एक नया मान क्यों नहीं दे सकता? फ़ोटोशॉप को दो छवियों को एक साथ कैसे मिलाया जाता है? ईओनिक ऐप $ http के साथ कॉस सक्षम सर्वर को कनेक्ट नहीं कर सकता HTML नेस्टेड सूची बनाने का उचित तरीका है? NHibernate जनरेटर पीएचपी पृष्ठों पर फॉर्म भेजने से बचें मैं कैसे अपाचे 2.x में mod_deflate के साथ फ़ाइलों को पूर्व सेक कर सकता हूँ? पंडस डेटाफ्रेम (पायथन) में सभी स्ट्रिंग्स की जगह बदलें सी कोड आसानी से कैसे बेंचमार्क कर सकता हूं? समानांतर प्रवाह, कलेक्टर और धागा सुरक्षा मैं SQL से क्वेरी कैसे प्राप्त कर सकता हूँ? JPA / Hibernate में फ्लश () का सही उपयोग कैसे क्रोम में प्रदर्शित होता है जावास्क्रिप्ट में किसी फ़ंक्शन / ऑब्जेक्ट नाम को गतिशील रूप से सेट करना

डेटा-आईडी विशेषता कैसे प्राप्त करें?

मैं jquery quicksand प्लगइन का उपयोग कर रहा हूँ मुझे क्लिक किए गए आइटम का डेटा-आईडी प्राप्त करने और इसे एक webservice पर पास करना होगा मैं डेटा-आईडी विशेषता कैसे प्राप्त करूं? मैं सॉर्ट किए गए आइटमों के लिए क्लिक ईवेंट को फिर से बाइंड करने के लिए .live() विधि का उपयोग कर रहा हूं।

एचटीएमएल इस तरह दिखता है:

 <ul id="list" class="grid"> <li data-id="id-40" class="win"> <a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#"> <img src="themes/clean/images/win.jpg" class="project-image" alt="" /> </a> </li> </ul> 

और मेरी जावास्क्रिप्ट इस तरह दिखती है:

 $("#list li").live('click',function(){ // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); }); 

Solutions Collecting From Web of "डेटा-आईडी विशेषता कैसे प्राप्त करें?"

विशेषता data-id की सामग्री प्राप्त करने के लिए (जैसे कि <a data-id="123">link</a> ) आपको उपयोग करना होगा

 $(this).attr("data-id") // will return the string "123" 

या .data() (यदि आप नए jQuery> = 1.4.3 का उपयोग करते हैं)

 $(this).data("id") // will return the number 123 

और data- बाद का data-idNum लोअरकेस होना चाहिए, जैसे data-idNum काम नहीं करेगा, लेकिन data-idnum होगा।

यदि हम मौजूदा, मूल जावास्क्रिप्ट का उपयोग करके इन विशेषताओं को पुनः प्राप्त या अपडेट करना चाहते हैं, तो हम नीचे दिए गए अनुसार getAttribute और setAttribute विधियों का उपयोग करके ऐसा कर सकते हैं:

जावास्क्रिप्ट के द्वारा

 <div id='strawberry-plant' data-fruit='12'></div> <script> // 'Getting' data-attributes using getAttribute var plant = document.getElementById('strawberry-plant'); var fruitCount = plant.getAttribute('data-fruit'); // fruitCount = '12' // 'Setting' data-attributes using setAttribute plant.setAttribute('data-fruit','7'); // Pesky birds </script> 

JQuery के माध्यम से

 // Fetching data var fruitCount = $(this).data('fruit'); OR // If you updated the value, you will need to use below code to fetch new value // otherwise above gives the old value which is intially set. // And also above does not work in ***Firefox***, so use below code to fetch value var fruitCount = $(this).attr('data-fruit'); // Assigning data $(this).attr('data-fruit','7'); 

इस दस्तावेज़ीकरण को पढ़ें

महत्वपूर्ण लेख। ध्यान रखें, यदि आप जावास्क्रिप्ट के जरिए data- एट्रिब्यूट को गतिशील रूप से समायोजित करते हैं तो यह data() में दिखाई नहीं देगा data() jQuery फ़ंक्शन। आपको इसे data() फ़ंक्शन के द्वारा भी समायोजित करना होगा

 <a data-id="123">link</a> 

js:

 $(this).data("id") // returns 123 $(this).attr("data-id", "321"); //change the attribute $(this).data("id") // STILL returns 123!!! $(this).data("id", "321") $(this).data("id") // NOW we have 321 

यदि आप पुराने IE ब्राउज़र के बारे में चिंतित नहीं हैं, तो आप HTML5 डाटासेट एपीआई का उपयोग भी कर सकते हैं

एचटीएमएल

 <div id="my-div" data-info="some info here" data-other-info="more info here">My Awesome Div</div> 

जे एस

 var myDiv = document.querySelector('#my-div'); myDiv.dataset.info // "some info here" myDiv.dataset.otherInfo // "more info here" 

डेमो: http://html5demos.com/dataset

पूर्ण ब्राउज़र समर्थन सूची: http://caniuse.com/#feat=dataset

एचटीएमएल

 <span id="spanTest" data-value="50">test</span> 

जे एस

 $(this).data().value; 

या

 $("span#spanTest").data().value; 

एएनएस: 50

मेरे लिये कार्य करता है!

मैं $ .data – http://api.jquery.com/jquery.data/ का उपयोग करता हूं

 //Set value 7 to data-id $.data(this, 'id', 7); //Get value from data-id alert( $(this).data("id") ); // => outputs 7 
 var id = $(this).dataset.id 

मेरे लिये कार्य करता है!

कोई आश्चर्य नहीं है उल्लेख किया:

 <select id="selectVehicle"> <option value="1" data-year="2011">Mazda</option> <option value="2" data-year="2015">Honda</option> <option value="3" data-year="2008">Mercedes</option> <option value="4" data-year="2005">Toyota</option> </select> $("#selectVehicle").change(function () { alert($(this).find(':selected').data("year")); }); 

यहां काम करने का उदाहरण है: https://jsfiddle.net/ed5axgvk/1/

अपने id साथ डाटा विशेषता को एक्सेस करना थोड़ा आसान है

$("#Id").data("attribute");

 function myFunction(){ alert($("#button1").data("sample-id")); } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" id="button1" data-sample-id="gotcha!" onclick="myFunction()"> Clickhere </button> 

jQuery का उपयोग कर:

  $( ".myClass" ).load(function() { var myId = $(this).data("id"); $('.myClass').attr('id', myId); });