.html() का उपयोग क्यों करता है यह अभिव्यक्ति बदलें?

Question

जबकि एक परियोजना मैं एक बग भर में भाग गया और इस अप्रत्याशित व्यवहार का पता चला पर काम कर रहा: यदि मैं एक स्ट्रिंग पर .replace() फोन और एक div .text() का उपयोग कर समारोह को बदलने के लिए परिणाम सेट

काम करता है के रूप में मैं उम्मीद करते हैं।

हालांकि, अगर मैं स्ट्रिंग पर .replace() पर कॉल करता हूं और परिणाम .html() का उपयोग करके एक div पर सेट करता हूं, तो लक्षित टेक्स्ट को स्ट्रिंग में प्रतिस्थापित नहीं किया जाता है।

यहाँ मैं क्या मतलब है की एक उदाहरण है:

\t $('#result1').text('¤cyId'.replace('¤cyId','&currencyId')); // works 
 
\t $('#result2').html('¤cyId'.replace('¤cyId','&currencyId')); // doesnt work 
 

 
    var result = '¤cyId'.replace('¤cyId','&currencyId') 
 
\t $('#result3').text(result); // works 
 
\t $('#result4').html(result); // doesnt work

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="result1"></div><br> 
 
<div id="result2"></div><br> 
 
<div id="result3"></div><br> 
 
<div id="result4"></div>

मुझे लगता है कि .html() के बजाय .text() का उपयोग कर समस्या का समाधान होता है, लेकिन ...

इस क्यों होता है ?

Answer 1

की जगह सिर्फ ठीक काम करता है होना चाहिए।

यह केवल लगता है कि गलत स्ट्रिंग तत्वों में समाप्त होता है क्योंकि &curren ब्राउज़र द्वारा ¤ में डीकोड है जब आप html विधि का उपयोग करें, तो &currencyId¤cyId के रूप में दिखाया गया है।

जब आप text विधि का उपयोग करते हैं तो टेक्स्ट HTML कोड के रूप में डीकोड नहीं किया जाता है, इसलिए .text("&currencyId") का प्रभाव .html("&currencyId") जैसा ही होता है।

¤ वर्ण के लिए HTML इकाई ¤ है, लेकिन ब्राउज़र अर्धविराम के बिना &curren फ़ॉर्म भी स्वीकार करता है।

Answer 2

क्योंकि & curren एक HTML इकाई है, और .html HTML इकाइयों को हल करता है जबकि .text उन्हें verbatim छोड़ देता है।

Answer 3

html में

$('#result2').html('¤cyId'.replace('¤cyId','&currencyId')); 

& कोशिश &