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/