나는 문자열이
string display_txt = "1st line text" +"\n" + "2nd line text";
Jquery에서 사용하려고합니다.
('#somediv').html(display_txt).css("color", "green")
내 메시지가 두 줄로 표시 될 것으로 예상하고 있지만 대신 \ n이 메시지에 표시됩니다. 그것에 대한 빠른 수정이 있습니까?
감사,
답변
<br />
html에서 새 줄에 사용 :
display_txt = display_txt.replace(/\n/g, "<br />");
답변
표 셀의 CSS를 다음과 같이 설정하십시오.
white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';
body{ white-space:pre-wrap; }
답변
div 대신 pre 태그를 사용할 수 있습니다. 이렇게하면 \ n이 올바른 방식으로 자동으로 표시됩니다.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
var display_txt = "1st line text" +"\n" + "2nd line text";
$('#somediv').html(display_txt).css("color", "green");
});
</script>
</head>
<body>
<pre>
<p id="somediv"></p>
</pre>
</body>
</html>
답변
어쩌면 .text
대신 .html
?
답변
나는 데이터베이스에서 데이터를 가져오고 \n
. 위의 솔루션 중 어느 것도 나를 위해 일하지 않았고 마침내 해결책을 찾았습니다 .https : //stackoverflow.com/a/61484190/7251208