Jquery 将.html()特性与.text()相结合
我正在制作一个显示html标记示例的网站,很像stackoverflow.com。使用Jquery 将.html()特性与.text()相结合,jquery,html,css,Jquery,Html,Css,我正在制作一个显示html标记示例的网站,很像stackoverflow.com。使用.text()我可以将标记显示为文本,使用.html()我可以格式化文本。我想用.text()添加一个,如下所示: $("#affected_text").text("<p>line one</p><br /><p>line two</p>"); $(“#受影响的_文本”)。文本(第一行第二行”; 它应该显示为: 第1行//注意换行符 第2行您可以
.text()
我可以将标记显示为文本,使用.html()
我可以格式化文本。我想用.text()
添加一个
,如下所示:
$("#affected_text").text("<p>line one</p><br /><p>line two</p>");
$(“#受影响的_文本”)。文本(第一行
第二行”;
它应该显示为:
第1行
//注意换行符第2行
您可以使用:
$("#affected_text").html("<p>line one</p><br /><p>line two</p>");
$(“#受影响的_文本”).html(“p>第一行/p>
p>第二行/p>”;
您可以使用
\n
并将文本插入到
标记中
$('p').text("<p>line one</p>\n<p>line two</p>");
您还可以添加空白:pre如果不想使用标记,请将代码>添加到输出框。演示:
$('p')。文本(第一行\n第二行);
Html:
我尝试过使用\n
但是只插入了一个空格谢谢,你知道我可以从哪个链接查看类似\n
的术语列表吗?例如,\n
对应于
,\b
对应于
,等等。不用担心。我认为这只是与空白相关的(\n-新行,\t-tab)
<pre><p> </p></pre>