如何使用javascript格式化同一类表列中的数据
How to format data from table column with the same class using javascript
我在foreach循环中有一个表行,其中有一些列具有相同的类,我的问题是如何在javascript中将该列中的每个数据格式化为###、###(使用逗号格式化数字)?
这是我的表格结构示例:
<tbody id="binder">
<?php foreach () { ?>
<tr id="data">
<td class="sum">400000</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
</tr>
<?php } ?>
</tbody>
您可以获取具有特定类名的所有元素,然后格式化其innerHTML。下面是一个工作片段。
var allTds = document.getElementsByClassName("sum");
for (var i = 0; i < allTds.length; i++) {
allTds[i].innerHTML = allTds[i].innerHTML.toString().replace(/'B(?=('d{3})+(?!'d))/g, ",");
}
td{
border:1px solid;
}
<table>
<tbody id="binder">
<tr id="data">
<td class="sum">400000</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
<td class="sum">500000</td>
<td class="sum">500000</td>
<td class="sum">0</td>
<td class="sum">0</td>
</tr>
</tbody>
</table>
正则表达式引用取自此答案。https://stackoverflow.com/a/2901298/2592042
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 序列化数据属性中对象的最可靠方法
- 如何将JSON数据导入我的ejs模板
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 画布数据到图像
- 使用jquery将mysql数据获取到新的表行中
- 使用html中的外部javascript进行数据验证
- 有时数据是't显示在浏览器中
- React中的数据集表示
- Angular只从数组中获取所需的数据
- 如何使用javascript格式化同一类表列中的数据
- javascript中同一类(对象)中的静态和非静态数据