स्वचालित रूप से href विशेषता से बचने से jQuery .html() को कैसे रोकें?

Question

अद्यतन: एक ब्राउज़र विशिष्ट व्यवहार की तरह लगता है के रूप में TimWolla टिप्पणी की - मैं कैसे नहीं छोड़ा जाएगा संस्करण के लिए सामान्य चाहिए, मज़बूती से एक क्रॉस-ब्राउज़र ढंग से?

HTML:

<div id="test"><a href="#{one}">#{two}</a></div> 

जे एस:

$('#test').html() 
=> <a href="#%7Bone%7D">#{two}</a> 

सूचना href में #{one} बच रहा है, जबकि #{two} नहीं है।

सिर्फ unescape पूरी स्ट्रिंग की तुलना में एक बेहतर तरीका है? http://jsfiddle.net/kenn/n8veL/

Answer 1

तुम वैसे भी तत्व पर जावास्क्रिप्ट के माध्यम से एक विस्तार प्रदर्शन करने जा रहे हैं, तो आप एक अलग विशेषता में "href" टेम्पलेट रख सकते हैं:

unescape($('#test').html()) 
=> <a href="#{one}">#{two}</a> 

यहाँ उदाहरण है।

<a href='#dummy' data-href='#{template}'>Hi</a> 

तो बस डेटा विशेषता से विस्तार करने और वास्तविक "href" में परिणाम छोड़ देते हैं।

Answer 2

सबसे पहले, मुझे शक है, अगर वहाँ अपने प्रश्न का एक विश्वसनीय समाधान है। अंतर्निहित कारण सरल है: क्योंकि नीचे Element.innerHTML गैर-मानक है और यह पूरी तरह से ब्राउज़र के कार्यान्वयन पर निर्भर करता है।

यदि आप एक विश्वसनीय समाधान चाहते हैं, तो मैं सुझाव दूंगा कि आप टेम्पलेट के बजाय डोम ऑपरेशंस का उपयोग करें।