Как форматировать данные из столбца таблицы с тем же классом с помощью 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