jquery - 数文字の後に要素を挿入

Question

重複の可能性:
Jquery または javascript を使用して、<div> 内の x 個の文字の後に 1 つの改行 <br /> を追加します。

br要素のコンテンツに 5 文字のタグを挿入したいと考えています。たとえば、次のようになります。

<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