是否有一种方法来添加一个数字在一个数字由逗号分隔使用Jquery正则表达式?

Question

我想在HTMLdiv中添加一个特定的数字，用逗号分隔，这是另一个变化有没有办法使用正则表达式和jquery在HTML中添加分隔的数字?

这是我的试用代码:

<div id="u-g-wb-break-word">150,452,032.32</div>
<div id="u-g-wb-break-word">455,666.67</div>
<div id="u-g-wb-break-word">977,435,787.992</div>
var a=$('#u-g-wb-break-word').text();
a=a.replace(/,/g,'');
a=parseInt(a,10) + 17000;
console.log(a);
$('#u-g-wb-break-word').text(function(i, s) {
return numberWithCommas(s.replace(/^[0-9,]*/g, a));
});
function numberWithCommas(x) {
return x.toString().replace(/B(?=(d{3})+(?!d))/g, ',');
}

我得到了我想要的输出，但只有第一个div有一个数字。

上面代码的输出是-

150,469,032.32
455,666.67
977,435,787.992

但是我想把它加到每个数字上。有没有办法在一个正则表达式中执行它?如上述问题链接所述。如果没有，最好的方法是什么?提前感谢。

Answer 1

最好使用class，而不是id，因为id在文档中必须是唯一的:

$('.u-g-wb-break-word').text((i, s) => new Intl.NumberFormat().format(parseFloat(s.replaceAll(',',''))+1700));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="u-g-wb-break-word">150,452,032.32</div>
<div class="u-g-wb-break-word">455,666.67</div>
<div class="u-g-wb-break-word">977,435,787.992</div>