将.html()特性与.text()相结合

时间:2013-05-01 10:58:48

标签: jquery html css

我正在制作一个显示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>

3 个答案:

答案 0 :(得分:4)

您可以使用\n并将文字插入<pre>代码example

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

答案 1 :(得分:1)

您可以使用:

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

http://jsfiddle.net/t9unn/

答案 2 :(得分:0)

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

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

Html:

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