我有一页包含银行资金摘要详细信息,我从 API 获取所有这些值。这些值未格式化,例如 50000.3645656。
下面是我的页面结构
<span class="format">50000.3645656</span>
<span class="format">50000.3645656</span>
<span class="format">50000.3645656</span>
<span class="format">50000.3645656</span>
<span class="format">50000.3645656</span>
所以我真正想要的是,我想用带两个小数点的逗号格式化所有这些值,例如 50,000.36。
我如何在 jquery 方法中使用 jquery 和 css 类格式在页面加载后执行此操作。
最佳答案
据我所知,你不能使用纯 CSS 来做到这一点。
但是,您可以使用 JavaScript 函数为您添加逗号。
我以前用过这个:
function addCommas(nStr)
{
nStr += '';
var x = nStr.split('.');
var x1 = x[0];
var x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
然后做你的jquery:
$(function(){
$(".format").each(function(c, obj){
$(obj).text(addCommas(parseFloat($(obj).text()).toFixed(2)));
});
});
关于javascript - 如何使用jquery在页面加载后在数字中添加逗号格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21477805/