jquery - modify the data-donut attribute of the divs from javascript -


मेरी जावास्क्रिप्ट

  var currentMonth = new date ()। GetMonth (); यदि (demo.length & gt; = वर्तमान मंथ) {var d3data = डेमो [currentMonth];   

// आउटपुट हो जाएगा ["23", "1 9"]

अब मुझे इसकी आवश्यकता है #donut और # donut1 (डेटा-डोनट = "") के लिए आउटपुट मानों को अपडेट करें

मान JSON से आ रहे हैं यह महीने के अनुसार बदल सकता है < / P>

संदर्भ के लिए मैंने FIDDLE को जोड़ा है

  & lt; div class = "zipper" & gt; & Lt; div वर्ग = "चालू" & gt; & Lt; div class = "title_text" & gt; वर्तमान & lt; / div & gt; & Lt; div id = "डोनट" डेटा-डोनट = "42" & gt; & lt; / div & gt; /// यहां डेटा-डोनट मूल्य & lt; / div & gt; & Lt; div वर्ग = "लक्ष्य" & gt; & Lt; div class = "title_text" & gt; लक्ष्य & lt; / div & gt; & Lt; div id = "donut1" डेटा-डोनट = "62" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;   

किसी भी मदद की सराहना की गई है

आप इसका उपयोग असाइन करने के लिए कर सकते हैं सरणी से मान (सरणी को मानते हुए इसका परिणाम जेएसन से पार्स करने के बाद होता है)

  var d3data = demo [currentMonth]; // यह मानते हुए कि यह डी 3 डीटा = ["23", "1 9"] में परिणाम है; $ (दस्तावेज़) .ready (फ़ंक्शन () {$ ("div [data-donut]")। प्रत्येक (फ़ंक्शन (i) {$ (this) .attr ('data-donut', d3data [i]);} );});   

सरणी का पहला मान दूसरे भाग के लिए पहली डिवा और दूसरी मान को सौंपा जाएगा।

देखें < / html>

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -