Wie zeige ich eine neue Zeile in .text() in jQuery an?

Question

Ich habe den folgenden Code:

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

Es ist \n statt eine neue Zeile angezeigt wird.

Der Ausgang wird als Hello\nWorld angezeigt.

Ich verwendete <br> Tag auch anstelle von \n, aber es funktioniert immer noch nicht.

Answer 1

Sie werden sowohl .html() verwenden und die Neue-Zeile ersetzen:

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

Eine Alternative wäre, das Element stylen:

white-space: pre-wrap; 

Answer 2

Wie über diese

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