jquery - 在几个字符后插入元素

Question

可能重复：
Jquery 或 javascript 在 <div> 中的 x 个字符后添加一个换行符 <br />

我想br在元素的内容中插入一个标签五个字符。例如，从此：

<p>qwertyuiopasdfghjklzxcvbnm</p>

对此：

<p>qwert<br />yuiopasdfghjklzxcvbnm</p>

我怎么能用 jQuery 做到这一点？

Answer 1

只需用这个函数替换 innerHTML（在 document.ready() 上触发）：

$(document).ready(function() {
    $('p').html($('p').html().substring(0,5)+'<br/>'+$('p').html().substring(5));
}
);

你可以在 jfiddle 上试试：http: //jsfiddle.net/KwpGr/1/

Answer 2

您可以使用隐式回调$.html()：

/* Be sure to specify which paragraph this applies to */
$("p").html(function(i,v){
  return v.replace( /^([\w]{5})/, "$1<br/>" );
});

演示：http: //jsbin.com/orovom/2/edit