Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将.html()特性与.text()相结合_Jquery_Html_Css - Fatal编程技术网

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

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行您可以

我正在制作一个显示html标记示例的网站,很像stackoverflow.com。使用
.text()
我可以将标记显示为文本,使用
.html()
我可以格式化文本。我想用
.text()
添加一个

,如下所示:

$("#affected_text").text("<p>line one</p><br /><p>line two</p>");
$(“#受影响的_文本”)。文本(第一行


第二行

”;
它应该显示为:

第1行

//注意换行符
第2行

您可以使用:

$("#affected_text").html("&lt;p>line one&lt;/p><br />&lt;p>line two&lt;/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>