javascript - 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');