如何在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');