How to split string based on number of characters using javascript

Question

I'm trying to take one string and split it into different chunks, and place it inside divs. Here's my code:

var simple = '<?php echo $hallo; ?>';     
var $div = $('#mybook');

if ($div.text().length > 50) {
    var limit = simple.lenght = 10;
    $(simple.split(limit)).each(function() {
        $('#mybook').append('<div>'+this+'</div>')
    });
}

Thank you, any help is appreciated.

String.split doesn't take a number, it takes a string delimiter that tells the function where to create the chunks. — Andrew Whitaker
– Andrew Whitaker, Commented Jan 6, 2013 at 1:18
It's good practice to end your JS statements with a semicolon ;. Some of your statements end with it, others don't. — noahnu
– noahnu, Commented Jan 6, 2013 at 1:20
@Aaron: It depends on exactly what you're trying to do. Could you add an example input string and what the expected output would be? — Andrew Whitaker
– Andrew Whitaker, Commented Jan 6, 2013 at 1:21
@AndrewWhitaker he's trying to limit the string size to some size. The extra characters would go into a new div. For example let's say there's a limit of 2 characters and a string abcdefghijklmnopqrstuvwxyz. The result should be <div>ab</div><div>cd</div> and so on. At least that's what seems he's looking for.. — tftd
– tftd, Commented Jan 6, 2013 at 1:28

tftd · Accepted Answer · 2013-01-06 01:26:03Z

2

Something like this should do the work:

<script type="text/javascript">
var simple = '<?php echo $hallo; ?>';
var $div = $('#mybook');
if($div.text().length > 50) {
    var limit = simple.lenght = 10;
    var regex = new RegExp('.{1,'+limit+'}','g')
    $(simple.match(regex)).each(function(key,val){
        $('#mybook').append('<div>'+val+'</div>')
    })
}
</script>

edited Jan 6, 2013 at 1:26

answered Jan 6, 2013 at 1:19

tftd

17.2k11 gold badges67 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aaron Over a year ago

Ugh, it worked nicely! tbh, this is what i love about this site. Both answers actually worked. Thanks!

bukart · Accepted Answer · 2013-01-06 01:22:30Z

1

just split your string with a regex, not with split

$(simple.match('/.{'+limit+'}|.{,'+(limit-1)+'}$/g')).each(function() {

    $('#mybook').append('<div>'+this+'</div>')

});

answered Jan 6, 2013 at 1:22

bukart

4,9162 gold badges23 silver badges40 bronze badges

Collectives™ on Stack Overflow

How to split string based on number of characters using javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related