javascript - 如何在 jQuery 的 .text() 中显示新行？

Question

我有以下代码：

var stringDisplay = "Hello\nWorld";
$("#meaning").text(stringDisplay);

它正在显示\n而不是换行符。

输出显示为Hello\nWorld。

我<br>也使用 tag 代替\n，但它仍然无法正常工作。

Answer 1

您将不得不同时使用.html()并替换换行符：

var escaped = $('<div>').text(stringDisplay).text();
$('#meaning').html(escaped.replace(/\n/g, '<br />'));

另一种方法是设置元素的样式：

white-space: pre-wrap;

Answer 2

这个怎么样

$('meaning').html('line1<br>line2');