Как сделать чтобы replace производил выборочную замену?

Question

[4eloBek]

Есть много кусочков текста, помещенных в теги span. К некоторым из них применен стиль, к примеру color:red.
Задача: добавить после красного текста определенный текст.
Например так:

// before
<span ... color:red ...> ... </span> ...
// after
<span ... color:red ...> ... </span>(...) ...

Как подобное можно осуществить?

Comments

[Андрей]

Менять надо в текстовой переменной, или напрямую в DOM? От этого зависят методы и способы.

Answer 1

[Aves]

replace(/<span[^>]*color\s*:\s*red[^>]*>.*?<\/span>/gi, '$& (red text)')

Comments

[4eloBek]

Спасибо)

Answer 2

[xmoonlight]

PHP: preg_replace()
JS: replace()

Comments

[xmoonlight]

4eloBek: выражение неверное. проверяйте здесь: https://regex101.com/

[4eloBek]

В теме вопроса уже есть эта ф-ция. Поподробнее, пожалуйста, можно?

Мой вариант не работает(
replace(/(\<span[\s\w\d]*color:red[\s\w\d]*<\/span>)/gm,"&1 (red text)");