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.

What is supposed to happen in the case of something like <b attribute="...">. Do you want everything up to the >? If so, you'll need a more advanced parser to cover all bases... Or consider using the one build into your browser (HTML -> DOM). — James
– James, Commented May 5, 2012 at 19:03

Ry- · Accepted Answer · 2018-07-25 00:58:08Z

7

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>"]

edited Jul 25, 2018 at 0:58

answered May 5, 2012 at 18:57

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

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

2 Comments

user433351 Over a year ago

Actually, do you have any idea what the regular expression would be to cover <span class='class'> as well.

Ry- Over a year ago

@user433351: This one should work for that already. (Unless it's split across multiple lines?)

Collectives™ on Stack Overflow

Javascript RegEx - Split using text between tags

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related