Split the string based on tag using jquery

Question

How can i split the string containing
tag using jquery. I tried the following code but it get error in console. I am not sure how to split the strin

Answer 1

Can't you just do something like:

 var lines = 'this is for testing <br/> How are you<br/>'.split('<br/>');

Just as a side note if you want to get rid of the empty elements you can filter the lines like so:

// this will get rid of empty elements 
lines = lines.filter(function(n) { 
    return n; 
});

Answer 2

What if you try:

jQuery(document).ready(function($)
    {
        var lines = 'this is for testing <br/> How are you<br/>'.split('<br/>');
        each(lines, function() {
            alert(this);
        });
    });

Answer 3

You want to split a vanilla string, don't pass it to $() rather simply;

jQuery(document).ready(function($)
    {
        var lines = 'this is for testing <br/> How are you<br/>'.split('<br/>');
        jQuery.each(lines, function() {
            alert(this);
        });
    });

Answer 4

Lots of duplicate answers here. This one is different. If you can guarantee the spelling of the <br/> tag, the other answers are fine. But if you have no control over the HTML, the line break tag could come in different formats:

<br/>
<BR/>
<br />
<br>
<br >
...etc.

major browsers can all handle all of these, but only the first will be handled by the suggested .split("<br/>") operation. A more robust option is to use a regular expression to match the tag:

jQuery(document).ready(function($)
{
    var brExp = /<br\s*\/?>/i;
    var lines = ("this is for testing <br/> How are you<BR />").split(brExp);
});

I've written the expression to be case-insensitive, allow any number of spaces after '<br', and the '/' is optional.

Answer 5

Try using this:

var exploded = lines.split('<br />'); 

more info here

Answer 6

Try this

jQuery(document).ready(function($)
    {
        var lines = ('this is for testing <br/> How are you<br/>').split("<br/>");
        jQuery.each(lines, function() {
            alert(this);
        });
    });

Demo