Как отобразить новую строку в .text() в jQuery?

У меня есть следующий код:

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

Он отображает \n вместо новой строки.

Выход отображается как Hello\nWorld.

Я использовал тег <br> также вместо \n, но он все еще не работает.

Вам нужно будет использовать как .html(), так и заменить новую строку:

var escaped = $('<div>').text(stringDisplay).text();
$('#meaning').html(escaped.replace(/\n/g, '<br />'));

Альтернативой будет стиль элемента:

white-space: pre-wrap;

Как насчет этого

$('meaning').html('line1<br>line2');