कैसे संलग्न करने के लिए/बढ़ाएँ/jQuery

Question

संभव डुप्लिकेट के साथ एक पाठ नोड बनाने के लिए:
Escaping text with jQuery append?

मेरे एचटीएमएल इस तरह कुछ हद तक है:

<div id="selector">Hello World</div> 

अब मैं डी इस div को कुछ पाठ जोड़ना पसंद है। मुझे पता है कि मैं बस

$('#selector').append(text); 

इस्तेमाल कर सकते हैं लेकिन यह text में किसी भी विशेष वर्ण से बचें नहीं होता। एक और तरीका है अंतराल में पाठ रैप करने के लिए है:

$('#selector').append($('<span>').text(text)); 

लेकिन यह बदसूरत है, क्योंकि यह अनावश्यक मार्कअप पैदा करता है।

$('#selector').append(document.createTextNode(text)); 

मैं सोच रहा था वहाँ है कि किसी भी jQuery शैली तरीका यह है: तो मेरे वर्तमान समाधान स्वयं एक TextNode बनाने के लिए है?

Answer 1

createTextNode दृष्टिकोण शायद जाने का सबसे अच्छा तरीका है। यदि आप एक jQuery-ish वाक्यविन्यास चाहते हैं, तो आप एक प्लगइन बना सकते हैं।

$.fn.appendText = function(text) { 
    return this.each(function() { 
     var textNode = document.createTextNode(text); 
     $(this).append(textNode); 
    }); 
}; 

Answer 2

आप इसका उपयोग कर सकते हैं;

$.extend({ 
     urlEncode: function(value) { 
      var encodedValue = encodeURIComponent(value); 
      encodedValue = encodedValue.replace("+", "%2B"); 
      encodedValue = encodedValue.replace("/", "%2F"); 

      return encodedValue; 
     }, 
     urlDecode: function(value) { 
      var decodedValue = decodeURIComponent(value); 
      decodedValue = decodedValue.replace("%2B", "+"); 
      decodedValue = decodedValue.replace("%2F", "/"); 

      return decodedValue; 
     } 
}); 

डीओएम में शामिल होने से पहले HTML वर्णों से बचने के लिए।

इसका उपयोग करें; $.urlEncode(value)

इसका उपयोग करना; $('#selector').append($.urlEncode(text));

अद्यतन # 1

आप इस $('#selector').html($('#selector').html() + text);

मैं संदिग्ध सकता है कि आप यही चाहते थे।

Answer 3

$.text() पैरामीटर के रूप में भी एक फ़ंक्शन स्वीकार करता है। इस समारोह को एक सूचकांक और वर्तमान पाठ प्राप्त होगा। फ़ंक्शन का वापसी मान नया टेक्स्ट के रूप में सेट किया जाएगा।

http://jsfiddle.net/4SvgV/1/