在<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，请使用brelement：

$("#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));