jquery - 網頁標題




在字符串中使用新行(\ n)並在HTML中呈現相同的行 (3)

也許.text而不是.html

我有一個字符串說

string display_txt = "1st line text" +"\n" + "2nd line text";

在Jquery,我正在嘗試使用

('#somediv').html(display_txt).css("color", "green")

非常清楚我期待我的msg以2行顯示,但是在消息中顯示\ n。 有什麼快速解決方法嗎?

謝謝,


在html中使用<br />獲取新行:

display_txt = display_txt.replace(/\n/g, "<br />");

您可以使用pre標籤而不是div。 這將自動以正確的方式顯示您的\ 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>




newline