JavaScript 字符串：获取彼此相邻的两个内容片段并将它们包装在一起

Question

I'm trying to create a small script that would wrap some parts of text from eg <p> tag like this one: <p>... 'displayed text'[popup content] ...</p> in a span wrapper.

The end result would look like this:

<span class='wrapper'>
  displayed text
  <span class='popup'>popup content</span>
</span>

At the moment I'm able to find and replace the text between apostrophes like this:

some_string.replace(/'(.*?)'/g,'<span>$1</span>');

But I would really like to wrap the popup content part first and then wrap it together with displayed text inside the wrapper element.

Would that be possible?

Answer 1

Sure - how about this?

some_string.replace(/'(.*?)'\[(.*?)\]/, "$1<span class='popup'>$2</span>");

Add a \\s* between the two parts of the regex if they could be separated by whitespace:

/'(.*?)'\s*\[(.*?)\]/