Dołączanie HTML zakodowany ciąg w formacie HTML, a nie jako tekst

Question

Próbuję dołączyć ten ciąg:

<div> hello </div> 

jako węzła HTML, ale zamiast dołączania HTML to po prostu dodaje się tekst:

<div> hello </div> 

W jaki sposób dodać jQuery jako węzeł HTML, a nie tylko tekst?

Chciałbym rozwiązanie, które działa zarówno dla zagnieżdżonych elementów div i tekstu, jeśli to możliwe.

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

Może to nieco rozwlekły, ale zazwyczaj jest to jak sobie radzić w takich rzeczy:

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

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

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

Answer 3

Można utworzyć nowy div z .createElement('div'). Następnie zmień kod HTML nowego elementu.

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

Aby założyć nowy element do DOM użyć element.append() lub .appendTo(element) dodać do istniejącego elementu wyboru.