如何使用JQuery将html标签作为字符串内容的一部分输出到div

Question

我有一个变量“ htmlElement”，其格式类似于<p class="Day">Test Message</p>

我要做的是将htmlElement的内容作为字符串输出到具有类panel-body的div。

我所做的是$(".panel-body").append(htmlElement);

但是在div.panel-body中，用户只能看到Test Message ，另一部分已被视为html标签。

问题是，如何让div.panel-body显示"<p class=Day>Test Message</p>"

谢谢。

Answer 1

好吧，我不知道您已经在变量中存储了什么，但是如果您在字符串变量中存储了<p class=Day>Test Message</p> ，则可以执行以下操作：

$(".panel-body").text(variable);

（正如Musa所说，这取代了内容。）

要添加，请执行以下操作：

$(".panel-body").append("<p class=Day>Test Message</p>");

要么

$(".panel-body").prepend("<p class=Day>Test Message</p>");

Answer 2

怎么样

$(".panel-body").append(document.createTextNode(htmlElement));

http://jsfiddle.net/9z3zE/