簡體   English   中英

HTML文本到換行符的jQuery

[英]Html text to JQuery with line break

下面的例子:

  1. 我有一個php函數,該函數在末尾生成一些帶有“ \\ n \\ r”的文本
  2. 輸出是在html div中生成的,已隱藏
  3. jQuery使用innerText獲取div的文本
  4. 將其寫入另一個div

那是我目前的工作。 php中的換行符對“ end div”無效。

我如何在末尾div換行?

問候

編輯:在我的PHP函數中使用<br>警報可以正常工作。 因此故障發生在第4點。

 var text = document.getElementById("statistiktextdiv").innerText; $jq( "#statistiktext" ).text(text); 
 <div id="statistiktext"></div> function showsomething(){ for($i = 0; $i < count($statistik); $i++){ echo $something[$i]['number'] . "<br>"; } } ?> <div id="statistiktextdiv" style="visibility: hidden;"><?php showsomething(); ?></div> 

您可以使用javascript String.replace方法將\\n\\r更改為<br>標記,以便瀏覽器將其呈現。

alteredText = originalText.replace( '\n\r', '<br>' );

您可以看到控制台和警報窗口像對待文本編輯器一樣對待這些特殊字符,但是它們不會在html中顯示為中斷。

 originalText = "line 1\\n\\r\\line 2"; alteredText = originalText.replace( '\\n\\r', '<br>' ); console.log( originalText ); console.log( '---------' ); console.log( alteredText ); $('body').append( originalText ); $('body').append( '<hr>' ); $('body').append( alteredText ); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

有趣的事情:當我從JS將文本寫到textarea時,它起作用了!

因此,問題似乎出在<div> 我嘗試使用<random>類的隨機標記,此標記無效。

任何想法有什么問題嗎?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM