在點jquery後插入<br>

Question

如何在文本中的第一個點之後插入標記
？

比如我有

<p>Some text here. Some text after point.</p> 

結果

<p>Some text here.<br> Some text after point.</p> 

Answer 1

您可以閱讀p元素的文本，然後使用replace添加br元素，並把整個文本中p標籤的HTML。

$(function(){ 
 
var text = $('p').text(); 
 
    text = text.replace('here.','here.<br>'); 
 
    $('p').html(text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>Some text here. Some text after point.</p>

Answer 2

您應該使用正則表達式。

"<p>Some text here. Some text after point.</p>".replace(/(\.\s+)/g, "$1<br/>") 

這會給你下面的輸出

"<p>Some text here. <br/>Some text after point.</p>"