जोड़कर एचटीएमएल एन्कोड स्ट्रिंग HTML के रूप में, नहीं पाठ के रूप में

Question

मैं इस स्ट्रिंग संलग्न करने के लिए कोशिश कर रहा हूँ:

<div> hello </div> 

एक HTML नोड के रूप में

, लेकिन इसके बजाय एचटीएमएल जोड़कर की यह सिर्फ पाठ संलग्न कर देता है:

<div> hello </div> 

मैं jQuery को इसे HTML नोड के रूप में कैसे जोड़ूं, न केवल टेक्स्ट?

मुझे ऐसा समाधान चाहिए जो संभवतः नेस्टेड divs और text दोनों के लिए काम करता हो।

Answer 1

// This is your string :) 
var myString = "<div> hello </div>"; 

// This is a way to "htmlDecode" your string... see link below for details.  
myString = $("<div />").html(myString).text(); 

// This is appending the html code to your div (which you don't have an ID for :P) 
$("#TheDivIWantToChange").append(myString); 

HTML-encoding lost when attribute read from input field

Answer 2

हो सकता है कि यह एक सा वर्बोज़ है, लेकिन यह आम तौर पर मैं कैसे इस तरह सामान संभाल है:

var div = $(document.createElement("div")); 

div.text(" hello "); //Or div.html(" hello ") if need be... 

$("#divtoappendto").append(div); 

Answer 3

आप .createElement('div') के साथ एक नया div बना सकते हैं। फिर बस नए तत्व के एचटीएमएल को बदलें।

$(document.createElement('div').html('<p>All new content.</p>')); 

डोम के लिए नए तत्व अटैच element.append() या .appendTo(element) का उपयोग अपनी पसंद के तत्व से संलग्न करने के लिए।