jquery - 将 .html() 质量与 .text() 结合

Question

我正在制作一个显示 html 标记示例的网站，就像 stackoverflow.com 一样。我可以将.text()标记显示为文本，并且.html()可以格式化文本。我想添加<br />如下.text()：

$("#affected_text").text("<p>line one</p><br /><p>line two</p>");

它应该显示为：

<p>line 1</p>//注意换行
<p>line 2</p>

Answer 1

您可以使用\n文本并将其插入到<pre>标签中，例如。

white-space: pre;如果您不想使用标签，也可以添加到输出框中。

Answer 2

您可以使用：

$("#affected_text").html("&lt;p>line one&lt;/p><br />&lt;p>line two&lt;/p>");

http://jsfiddle.net/t9unn/

Answer 3

演示：http: //jsfiddle.net/mohammadAdil/Uu7s5/2/

$('p').text("<p>line one</p>\n<p>line two</p>");

html:

<pre><p> </p></pre>