javascript – 如何在页面加载后使用jquery在数字中添加逗号格式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在页面加载后使用jquery在数字中添加逗号格式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含955字，纯文字阅读大概需要2分钟。

内容图文

我有一页有银行资金摘要详细信息,我从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;
}

Reference

然后做你的jquery：

$(function(){
   $(".format").each(function(c, obj){
      $(obj).text(addCommas(parseFloat($(obj).text()).toFixed(2)));
   });
});

JSfiddle Demonstration：

内容总结

以上是互联网集市为您收集整理的javascript – 如何在页面加载后使用jquery在数字中添加逗号格式全部内容，希望文章能够帮你解决javascript – 如何在页面加载后使用jquery在数字中添加逗号格式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端