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

Post a Comment

Popular posts from this blog

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

I have a phone unit unit that contains many properties for many unit entity classes I An exception is given during the rendering of a template ("You must define a associated_property option or Create a \ __counter __ \ Examens \ ExamensBundle \ unit \ Grade Proxy :: __ toString service examens.examens.admin.fonctionnaire from the field option idGrade to the method is in SonataDoctrineORMAdminBundle "): CRUD: Line_ on line_list_orm_many_to_one.html.tw Fontionnaire.php class: & lt ;? Php namespace exams \ ExamensBundle \ Entity; Use the theory / ORM \ mapping as an ORM; / ** * PhoneNationLayer * / Class Fictionalair {//...//// ** * @VARAEfimens \ Examinations Bundle \ Unit \ Grade * / Private $ IDGed; //...//} FonctionnaireAdmin.php: & lt ;? Php namespace exams ExamensBundle \ Admin; Use Sonata \ AdminBundle \ Admin \ Admin; Sonata \ AdminBundle \ Datagrid \ ListMapper; Sonata \ AdminBundle \ Datagrid \ DatagridMapper; Sonata \ AdminBundle \ Validat...
Read more

wpf - ControlTemplate with changes for every class -

I have the following ControlTemplate that is the same for all my custom controls. & amp; the lift; ControlTemplate x: key = "PssFunctionControlBaseHorizontal" TargetType = "Local: PssFunctionControlBase" & gt; & Lt; Grid & gt; & Lt; Threshold Threshold = "1" & gt; & Lt; Content Control X: Name = "Inner Content" Template = "{Static Resources Inner Contentbase Horizontal}" /> & Lt; / Border & gt; & Lt; Control x: name = "PART_ResizeDecorator" visibility = "short" template = "{static resource resize deccurratematet}" /> & Lt; / Grid & gt; & Lt; ControlTemplate.Triggers & gt; & Lt; Data Trigger Value = "True" Binding = "{Binding Editing Moded, Relative Soros = {ResolveSource Search Engineer, Instant Type = {x: Type Local: PssViewLayoutControl}}}" & gt; & Lt; Setter target name = "PART_ResizeDecorator" ...
Read more

python - how we can use ajax() in views.py in django? -

I have a little code here. Could you please tell me what this code really does? please. Here in the AJAX call: $ .ajax ({url: "{% url} upload_document '%}", type: "POST", data : {Csrfmiddletoken: document.getElementsByName ('csrfmiddletoken') [0] Price, Title: document.getElementById ('title'). Value, // document: document: document.getElementById ('document'),}, datatype: "Jason", success: function (feedback) {if (feedback == "true") {// success} other {// attachment errors}}}); How AJAX works in the Django and how we can see the AJAX request. Here is the idea of ​​my thoughts def upload_document (requested): Print request. POTT print request FILES if request.is_ajax (): If request.method == 'POST': form = UploadForm (request.POST, request.FILES, user = request.user) if form.is_valid (): Form.save () return HTTPPCS (SimpleJason Dumps ('True'), Mime Type = 'App / Jason') Other:...
Read more