Question

我有一个字符串，它本质上是html元素，我使用jQuery尝试将此字符串附加到div：

var content = '<div>Test</div>';
$('div').append(content);

在JavaScript或jQuery中是否有一种方法可以实现它，因此它不会解析字符串，所以在我的div中我得到：

<div>Test</div>

而不是

Test

Answer 1

您可以使用jQuery .text()函数将字符串放入HTML元素中。如果您使用.html()函数，则只需添加test

Answer 2

怎么样？

var content = '<div>Test</div>';
$('div').text(content);

Answer 3

尝试将其换成较小的div并拨打text：

$('div').append($('<div>').text(content));

使用

可能看起来更干净

$('<div>').text(content).appendTo('div');

或者，如果您可以覆盖div中的所有旧内容：

$('div').text(content);

如果您不想将其换入新的div，请使用

$('div').append($('<div>').text(content).html());

Answer 4

您可以将其添加为文本节点：

var content = "<div>Text</div>";
$("body").append( document.createTextNode( content ) );