在HTML中更改货币的颜色(使用javascript/regex)

Question

我想在给定字符串的情况下更改货币的颜色(只有美元符号就可以了(，稍后会将其放入DOM中。例如输入

colorMoney("I have $100 in my bank account right now");

将返回字符串

"I have <span class='accent'>$100</span> in my bank account right now"

然后我会用CSS设计CCD_ 1的样式。到目前为止，我拥有的Regex是

/$[0-9]+.*[0-9]*/

匹配任何金额(包括小数(，现在我需要一种在不删除数字的情况下封装在<span>s中的方法。

Answer 1

在tadman的帮助下，使用字符串替换占位符可以实现以下操作：

const myString = "I have $100 right now";
console.log(myString.replace(/$[0-9]+.*[0-9]*/, "<span class="accent">$&</span>"));