从javascript在span中显示的文本中插入换行符

我有这样一个跨度：

<span class "message"></span>

message = "first message" + "\\\n";
            message = message + "second message";            
            $(".message".)text(errorMessage);
            $(".message").show();

first message br second message.

问题是，当文本显示在我的浏览器上时，两条消息在同一行上，我无法插入第二条带有换行符的消息。而在我的调试控制台中，文本显示在两行上。我还尝试了

，这是最糟糕的，因为它没有被解释，所以我收到了如下消息：

<span class "message"></span>

message = "first message" + "\\\n";
            message = message + "second message";            
            $(".message".)text(errorMessage);
            $(".message").show();

first message br second message.

基本上，我想展示：

first message
second message

---

您可以使用

和

html（）

在新行上打断文本：

message = "first message" + "<br />";
message += "second message";
$(".message").html(errorMessage).show();

message=“第一条消息”+”
；
消息+=“第二条消息”；
$（“.message”）.html（errorMessage.show（）；

设置匹配元素集中每个元素的HTML内容

---

文档：

首先，您的HTML中有一个错误，应该是：

<span class="message"></span>

查看演示片段

.message.prewrap{
空白：预包装；
}
.message.preline{
空白：行前；
}
.message.pre{
空白：预处理；
}
/*不需要，仅用于演示*/
/* ================ */
.盒子{
边框：1px实心#d0d5de；
}
.头衔{
背景：#d0d5de；
}
.title>span{
字体大小：粗体；
文字装饰：下划线；
}
/*===================*/

空白：预包装；
将保留空白，如新行、制表符和空格。它将包装文本
知识是一种美德，是一种美德，是一种美德，是一种美德。
但是，在最低限度上，我们需要一个实验室来进行日常工作。
两人或两人在一个无教区的房间里互相指责。
除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

空白：行前；
将保留新行，但会丢失制表符和空格。它将包装文本
知识是一种美德，是一种美德，是一种美德，是一种美德。
但是，在最低限度上，我们需要一个实验室来进行日常工作。
两人或两人在一个无教区的房间里互相指责。
除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

空白：预处理；
将只保留新行，而不会换行。
知识是一种美德，是一种美德，是一种美德，是一种美德。
但是，在最低限度上，我们需要一个实验室来进行日常工作。
两人或两人在一个无教区的房间里互相指责。
除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

尝试将

$（“.message”）.html（errorMessage）

与

一起使用。使用

.html（）

时，将考虑换行