将HTML编码的字符串附加为HTML，而不是文本

Question

我正在尝试附加此字符串：

<div> hello </div>

作为HTML节点，但不是附加HTML，而只是附加文本：

<div> hello </div>

如何让jQuery将其作为HTML节点附加，而不仅仅是文本？

如果可能的话，我想要一个适用于嵌套div和文本的解决方案。

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

您可以使用.createElement('div')创建新的div。然后只需更改新元素的HTML即可。

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

要将新元素附加到DOM，请使用element.append()或.appendTo(element)附加到您选择的元素。

Answer 3

也许这有点冗长，但这通常是我处理这样的事情的方式：

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

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

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