在点jquery

时间:2016-05-04 14:37:31

标签: jquery html

如何在文本中的第一个点之后插入标签?

例如我有

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

结果

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

2 个答案:

答案 0 :(得分:1)

您可以阅读p元素的文字,然后使用replace添加br元素,并将整个文字放在p标记的html中。

&#13;
&#13;
$(function(){
var text = $('p').text();
    text = text.replace('here.','here.<br>');
    $('p').html(text);
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您应该使用正则表达式。

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

这将为您提供以下输出

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