How to make replace perform selective replacement?

Question

JavaScript

There are many pieces of text wrapped in span tags . Some of them have a style applied, such as color:red .
Task : add some text after the red text.
For example like this:

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

How can such a thing be done?

Answer 1

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

Answer 2

PHP: preg_replace()
JS: replace()