在html中找到指定的字符串后动态插入新行

时间:2015-12-14 09:37:01

标签: javascript jquery html css3

如何在html中找到指定的字符串后动态插入下一行...

如果我有像

这样的行
"Additional values arecontaining html"

我需要在字符串“are”之后插入下一行,我需要上面的行,如下所示

"Additional values are <br>containing html"</br>

3 个答案:

答案 0 :(得分:1)

您可以使用替换来实现此目的,如:

$('.title').html(function() {
  return $(this).html().replace('Additional values are', 'Additional values are<br/>');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">jQuery is a fast, small, and feature-rich JavaScript library.</div>
<div class="title">Additional values arecontaining html</div>
<div class="title">JQuery gives versatility and extensibility.</div>

答案 1 :(得分:1)

String.replace()是您正在寻找的方法:

&#13;
&#13;
var str = "Additional values arecontaining html";

var newStr = str.replace(/(are)+/g, "$1<br>")

document.body.innerHTML = (newStr);
&#13;
&#13;
&#13;

答案 2 :(得分:1)

感谢所有人,

我找到了使用jq。

的解决方案
  

 "Additional values arecontaining html" 

 
    $(document).ready(function() {
        $("div").each(function() {
            var getContent=$(this).text();
            var newString=getContent.replace('Containing','Containing');
            $(this).html(newString);
        });
    });  
 "Additional values are   containing html"