在<p>标记中添加一个新行

Question

我尝试在<p>（html代码）中添加一个新行：

<p id="text_folder"><p>

这是我的jquery代码：

$('#text_folder').text("first"+"\n"+"second");

但在我的<p>标记中，结果为
第一 第二
而不是：
第一
第二
有人可以帮帮我吗？

Answer 1

('#text_folder').html("first"+"<br />"+"second")

试试这个

Answer 2

在HTML中，所有空白字符（包括换行符）都被解释为空格。要在p元素中添加换行符，请使用br element：

$("#text_folder").html("first<br>second");

如果您的“第一个”和“第二个”来自外部（来自用户等），您将需要确保首先处理其中的任何特殊HTML字符。有几种方法可以做到这一点;我发现replace是最简单的：

function escapeHTML(str) {
    return str.replace(/&/g, "&amp;").replace(/</g, "&lt;");
}

那么

var first = /*...get input from user or whatever...*/;
var second = /*...get input from user or whatever...*/;
$("#text_folder").html(escapeHTML(first) + "<br>" + escapeHTML(second));

Answer 3

您正在使用HTML，因此必须使用html（）而不是text（）

$('#text_folder').html("first<br>second");

Answer 4

像这样编写代码

$('#text_folder').html("first<br>second");