Aggiunta dei HTML-encoded stringa come HTML, non come testo

Question

Sto cercando di aggiungere questa stringa:

<div> hello </div> 

come un nodo HTML, ma invece di aggiungere HTML solo aggiunge il testo:

<div> hello </div> 

Come faccio a aggiungere jQuery come nodo HTML, non solo testo?

Mi piacerebbe una soluzione che funzioni sia per div nidificati che per testo, se possibile.

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

forse questo è un po 'prolisso, ma questo è di solito come gestire cose del genere:

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

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

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

Answer 3

È possibile creare un nuovo div con .createElement('div'). Quindi cambia semplicemente il codice HTML del nuovo elemento.

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

Per collegare il nuovo elemento al DOM usare sia element.append() o .appendTo(element) da aggiungere al vostro elemento di scelta.