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

Question

我有以下代码：

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

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

输出显示为Hello\nWorld。

我也用<br> 标签代替了\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');