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