Jak wyświetlić nową linię w .text() w jQuery?

Question

Mam następujący kod:

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

Jest wyświetlania \n zamiast nowej linii.

Dane wyjściowe są wyświetlane jako Hello\nWorld.

Użyłem też tagu <br> również w miejsce \n, ale nadal nie działa.

Answer 1

Będziesz musiał użyć zarówno .html() i zastąpić nową linię:

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

Alternatywą byłoby projektować element:

white-space: pre-wrap; 

Answer 2

Jak o tym

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