Javascript Regex to look for characters and wrap text with span dynamically

问题

So I'm trying to replace this:

<h1>My Title &lt;INTRO&gt;</h1>

With this:

<h1>My Title <span>&lt;INTRO&gt;</span></h1>

But...

In a way that dynamically looks for all instances of text wrapped in < ... > and wraps that in span tags.

Something like the code below, but I can't get the regex right.

str = str.replace(/(?<=&lt;)\r\n(?=&gt;)/, "<span>$1</span>");

回答1:

You can use the following regex:

(<[\s\S]*?>)

And replace with:

<span>$1</span>

See DEMO

Js Code:

var str = "<h1>My Title &lt;INTRO&gt;</h1>"
str = str.replace(/(&lt;[\s\S]*?&gt;)/, "<span>$1</span>");
alert(str);

来源：https://stackoverflow.com/questions/30852689/javascript-regex-to-look-for-characters-and-wrap-text-with-span-dynamically