如何從表格列使用相同的類來使用javascript來格式化數據

Question

我有一個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> 

Answer 1

你可以得到所有與特定類名的元素，然後設置其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