jQuery的不解析HTML

Question

我有一个字符串，它本质上是HTML元素，而我使用jQuery来尝试这个字符串添加到一个div：

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

有没有在JavaScript或jQuery的一种方式做它，所以它不会解析字符串所以在我的div我得到：的

<div>Test</div> 

代替

Test 

Answer 1

这个怎么样？

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

Answer 2

您可以使用jQuery .text()函数将字符串放入HTML元素。如果你使用的.html()功能那就干脆把test

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)); 

小提琴：http://jsfiddle.net/jonathansampson/ojn2L0vL/