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