Строка JavaScript: получить содержимое двух стоящих рядом друг с другом фрагментов содержимого и обернуть их вместе

Question

Я пытаюсь создать небольшой скрипт, который обернул бы некоторые части текста, например, <p> тег, подобный этому: <p>... 'displayed text'[popup content] ...</p> в оболочке.

Конечный результат будет выглядеть так:

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

На данный момент я могу найти и заменить текст между апострофами следующим образом:

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

Но мне бы очень хотелось сначала обернуть часть popup content, а затем обернуть ее вместе с displayed text внутри элемента wrapper.

Возможно ли это?

Answer 1

Конечно, как насчет этого?

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

Добавьте \s* между двумя частями регулярного выражения, если они могут быть разделены пробелами:

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