gpt4 book ai didi

javascript - 如何引用div标签的Javascript函数来添加逗号?

转载 作者:行者123 更新时间:2023-12-02 19:28:52 29 4
gpt4 key购买 nike

我是一个 Javascript 新手...我听说过 jQuery,但不知道如何使用它,所以请容忍我完全缺乏知识...:)

我正在将信息从 Excel 数据库动态导入到网站上。它工作得很好,除了所有数字都没有逗号 - 这是一个格式问题,我无法在源代码中更改它,所以我需要在网站代码中更改它。

相关的 HTML 代码如下所示:

<tr><td class="num">191025</td><td>Stuff</td><td class="num">$60</td></tr>
<tr><td class="num">184160</td><td>Other Stuff</td><td class="num">$15</td></tr>

我想使用 Javascript(或 jQuery - 无论有效)向所有现有的“num”类添加逗号(因此 191025 将显示为 191,025)。

我一直在浏览这个网站和其他网站,发现这个网站:http://www.mredkj.com/javascript/nfbasic.html其中具有以下公共(public)域代码:

function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}

这看起来很棒,我将其添加到了我在 html 页面中引用的现有外部 .js 页面。

但是,现在的问题是如何使用该代码?看看该页面上的示例,看起来我必须做这样的事情:

<tr><td class="num">addCommas(191025)</td><td>Stuff</td><td class="num">$60</td></tr>

这是不现实的 - 这些数字有数百个,我无法单独更新每一个。

我确信 Javascript(或 jQuery?)可以自动将编码应用于现有的“num”类以插入逗号......但我不知道如何去做。因此,所有这些都让我想到了我的问题:如何有效地将这个(或其他 - 更好?)代码应用到 div 类,以便添加逗号?

非常感谢任何帮助...但请记住我的新手身份,并让我知道外部 .js 表中需要包含哪些内容以及 .html 页面上包含哪些内容.

谢谢!!

最佳答案

在页面加载时执行此代码:

$(".num").each(function() {
var self = $(this), text = self.text();
self.text(addCommas(text));
});

关于javascript - 如何引用div标签的Javascript函数来添加逗号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11746184/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com