插入的jquery HTML呈现为原始文本

Question

我有奇怪的情况，我有那个字符串

lorem<br/><br/>ipsum<br/><br/>a<br/>b<br/><br/>c

放入div：

$('div.desc').html(that_string);

或

$('div.desc').html($.parseHTML(that_string));

但在两种情况下都将其呈现为原始文本：

lorem<br/><br/>ipsum<br/><br/>a<br/>b<br/><br/>c

而不是

lorem

ipsum

a
b

c

为什么？

Answer 1

你可以通过一点点jQuery解析来欺骗它

$('div.desc').html( $('<div />').html(that_string).text() );

FIDDLE

Answer 2

$('div.desc').html(decodeURI(that_string));
//OR
$('div.desc').html($.parseHTML(decodeURI(that_string)));

decodeURI()函数将解码字符串，以便输出<，>等。

Answer 3

我在jQuery中遇到了类似的问题，其中原始HTML被呈现为文本。我通过以下操作对其进行了修复：

目标：var txt = <h3> Hello <b>World</b><h3>

$(#class).text(txt)至

$(#class).html(txt)

现在，内容以HTML格式显示在网站上。