Javascript RegEx - Split using text between tags

Question

I'm working on a script and need to split strings which contain both html tags and text. I'm trying to isolate the tags and eliminate the text.

For example, I want this:

string = "<b>Text <span>Some more text</span> more text</b>";

to be split like this:

separation = string.split(/some RegExp/);

and become:

separation[0] = "<b>";
separation[1] = "<span>";
separation[2] = "</span>";
separation[3] = "</b>";

I would really appreciate any help or advice.

Answer 1

You'll probably want to look into String.match instead:

var str = "<b>Text <span>Some more text</span> more text</b>";
var separation = str.match(/<[^]+?>/g);

console.log(separation); // ["<b>", "<span>", "</span>", "</b>"]