jquery - What does this do and can I achieve the same with vanilla JavaScript? -


यहां कोड है:

  $ ('& lt; div / & gt;') पाठ ($ ट्रिम (myId.val ())।) एचटीएमएल ()।;   

मुझे लगता है कि myId एक jQuery वस्तु है, और मुझे मूल्य मिल रहा है। मुझे लगता है कि मूल्य छंटनी की जा रही है

मुझे संदेह है कि एक यादृच्छिक jQuery div ऑब्जेक्ट बनाया जा रहा है, myId से ट्रिम किए गए मान दिया गया है और फिर इसे पूरा करने के बाद < कोड> html () विधि अंतिम परिणाम myId से मूल्य के किसी स्वरूपित संस्करण का है।

सवाल क्यों है? क्या वेनिला जावास्क्रिप्ट का उपयोग करने का कोई भी तरीका है?


संपादित करें: अंतर्दृष्टि की सराहना करते हुए मेरे बुरे फार्म में एक कोडा जोड़ना है, लेकिन क्या यह वही प्राप्त करता है?

  goog.string.html समस्त (goog.string.trim (goog.dom.forms.getValue (myId)));    

एचटीएमएल क्या करता है myId.val () का मान बच जाता है , किसी भी अग्रणी और अनुक्रमित व्हाइटस्पेस को हटाया जा रहा है।

जैसा कि आपने पहले ही नोट किया है, $। Trim (myId.val ()) बस किसी भी अग्रणी और पिछड़े सफेद स्थान को निकाल देता है। / P>

यह $ .tim (myId.val ()) के पाठ मूल्य के साथ एक "डमी" डिवेल सेट करता है, जिसका अर्थ है कि यह इसका वास्तविक महत्व है (कोई HTML छुपा नहीं है )।

जब आप कोई भी तर्क के साथ एक jQuery तत्व पर .html () कहते हैं, तो आप बाल नोड्स के HTML एस्केप वैल्यू वापस प्राप्त करते हैं (इस स्थिति में, आप पाठ बस डाला) उदाहरण के लिए, एचटीएमएल एम्पर्सैंड्स में चरित्र का बचपन के रूप में विशेष अर्थ है, इसलिए एक एस्केप फॉर्म ( & amp; amp; ) में एक शाब्दिक एम्परसेंड का प्रतिनिधित्व किया जाना चाहिए।

सादे जावास्क्रिप्ट का उपयोग करना, यह निम्न के समतुल्य होगा:

  var myId = document.getElementById ('myid'); Var a = document.createElement ('div'); / / शायद एक इनपुट फ़ील्ड, मूल कोड वैल का उपयोग करता है () a.textContent = myId.value.trim (); console.log (a.innerHTML);   

ध्यान दें कि String.prototype.trim एक ES5 विधि है, जिसका अर्थ है कि पुराने ब्राउज़र्स (जैसे कि IE8 और पुराने) इस विधि को मूल रूप से नहीं कर सकते हैं इसके अलावा, textContent क्रॉस-ब्राउज़र नहीं है उसके मामले में, आप इसे इसके बजाय कर सकते हैं:

  फ़ंक्शन ट्रिम स्ट्रिंग (आर्ग) {var str = string (arg); वापसी str.match (/ [\ x09- \ x0D \ x20 \ xA0 \ u1680 \ u2000- \ u200A \ u2028 \ u2029 \ u202f \ u205F \ u3000 \ uFEFF] * ([\ s \ S] *?) [\ X09 - \ x0D \ x20 \ xA0 \ u1680 \ u2000- \ u200A \ u2028 \ u2029 \ u202F \ u205F \ u3000 \ uFEFF] * /) [1]; } Var myId = document.getElementById ('myid'); Var a = document.createElement ('div'); / / शायद एक इनपुट फ़ील्ड, मूल कोड वैल का उपयोग करता है () var genericText = document.documentElement.textContent? 'टेक्स्ट कंटेंट': 'आंतरिक टेक्स्ट'; एक [जेनेरिक टेक्स्ट] = ट्रिम स्ट्रिंग (myId.value); console.log (a.innerHTML);    

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -