Insert element after several characters

Question

Possible Duplicate:
Jquery or javascript to add one line break <br /> after x amount of characters in a <div>

I'd like to insert a br tag five characters into the content of the element. For example, from this:

<p>qwertyuiopasdfghjklzxcvbnm</p>

To this:

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

How can I do this with jQuery?

similar question http://stackoverflow.com/questions/7068653/jquery-or-javascript-to-add-one-line-break-br-after-x-amount-of-characters-i — karth, May 19 '12 at 06:24
the problem is i want to add
because i work with languange like japan, if in English we have sentence or word but in japan no space between word or sentence that why i want to add something like — ruslyrossi, May 19 '12 at 06:27

score 1 · Answer 1 · answered May 19 '12 at 06:29

1

Simply replace the innerHTML with this function (Fires on document.ready()):

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

answered May 19 '12 at 06:29

int2000

can i replace
with this – ruslyrossi May 19 '12 at 06:51
Why not... Shouldn't be a problem: http://jsfiddle.net/KwpGr/2/ - You can see the substition with WebInspector (Chrome) or Firebug (Firefox) – int2000 May 19 '12 at 06:57
ok thanks, last question if i want to put
at last string, how?
qwertyuiopasdfghjklzxcvbnm
– ruslyrossi May 19 '12 at 07:06
`$('p').html($('p').html()+'
');` - Please do yourself a favour and try to understand what happens... – int2000 May 19 '12 at 09:08

score 0 · Answer 2 · answered May 19 '12 at 06:26

0

You could use an implicit callback on $.html():

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

answered May 19 '12 at 06:26

Sampson

2 Answers2