javascript - 在 JS 中添加美元符号以优化网站的价格

Question

我有一个网站，它具有以下三种样式的文本以进行价格细化:

<span class="xyz">
    Below 20 (30)
</span>
<span class="xyz">
    39 to 45.99 (130)
</span>
<span class="xyz">
    74 and Above (216)
</span>

括号中的数字是与价格匹配的商品数量。在第一个跨度中，价格为 20。在第二个跨度中，价格为 39 以及 45.99。在第三个跨度中，价格为 74。

我正在寻找的是可以将美元符号附加到价格而不是数量的JS，因此最终结果是:

<span class="xyz">
    Below $20 (30)
</span>
<span class="xyz">
    $39 to $45.99 (130)
</span>
<span class="xyz">
    $74 and Above (216)
</span>

我找到了Prepend Character to String in jQuery with Regular Expression ，但它似乎并没有完全按照我想要的方式进行，并且 jsfiddle 链接不适用于上述文本。

非常感谢任何帮助。我无法直接更改php代码，但我可以运行JS。

曼苏尔

Answer 1

你可以尝试像这样的正则表达式

$('.xyz').text(function(i,text){
    return text.replace(/(\d+(\.\d+)?)(?=\s)/g, function(a, b){
        return '$' + b
    })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="xyz">
    Below 20 (30)
</span>
<span class="xyz">
    39 to 45.99 (130)
</span>
<span class="xyz">
    74 and Above (216)
</span>