javascript - Print CSS properties to HTML -
यह मेरा HTML है:
& lt; dd class = "course_progress_steps" title = " 7 में से 4 चरण पूर्ण हुए "& gt; & Lt; div class = "course_progress_percentage" शैली = "चौड़ाई: 57%;" & gt; & lt; / div & gt; & Lt; / dd & gt; मैं कैसे प्राप्त करूं:
- शीर्षक - यानी '7 चरणों में से 4 पूर्ण'
- चौड़ाई - यानी '57% '
और किसी div में उन्हें प्रिंट करें, उदाहरण के लिए:
& lt; div class = "css-info चरण "& gt; 7 में से 4 चरण पूर्ण हुए & lt; / div & gt; & Lt; div वर्ग = "सीएसएस-जानकारी प्रतिशत" & gt; 57% & lt; / div & gt;
तो इस kinda escalated। आशा है कि यह स्पष्ट है कि यह कैसे काम करता है।
$ ('& lt; div / & gt;', {// एक div तत्व पाठ बनाएँ: $ ( 'डीडी') [0]। शीर्षक, // आंतरिक पाठ वर्ग परिवर्तित करें: "सीएसएस-जानकारी चरण" // तत्व में वर्ग जोड़िए})। जोड़ें ($ ('& lt; div / & gt;', { // एक और तत्व बनाएं और इसे पिछले एक पाठ के साथ जोड़ दें: $ .ट्रिम ($ ('। Course_progress_percentage')। Attr ('style') // शैली के अंदर का टेक्स्ट प्राप्त करें, $ .trim () से सफेद रिक्त स्थान निकाल देता है स्ट्रिंग की शुरुआत और समाप्ति। Split (':') [1] // एक सरणी बनाता है और उपयोग करता है: विभाजन बिंदु ["चौड़ाई", "57%;"] के रूप में और दूसरा सरणी मान का चयन करता है। ; ',' ')), // निकालें; वर्ग: "सीएसएस-जानकारी प्रतिशत"}))। अनुलग्नक (' शरीर '); // क्योंकि दोनों तत्व अब एक साथ जोड़े गए हैं, हम उन दोनों को पूर्व में जोड़ सकते हैं। Body & lt; script src = "// ajax.googleapis.com/ajax/libs/jquery/ 1.11.1 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; dd class = "course_progress_steps" title = "7 चरणों में से 4 पूर्ण हुए" & gt; & Lt; div class = "course_progress_percentage" शैली = "चौड़ाई: 57%;" & gt; & Lt; / div & gt; -
-
- <
-
-
-
-
इसके अलावा, आपको वास्तव में कुछ बुनियादी बातें दिखाई देंगे
Comments
Post a Comment