Добавление столбца таблицы в формате валюты

Question

Я использовал этот код, чтобы получить всего одну колонку, однако его не вычисляя правильно

Ожидаемый результат: 13,500.00 В настоящее время выход: 13

я думаю, что проблема в формате числа, но я не знаю, как с этим бороться.

<table id="sum_table" width="300" border="1"> 
     <tr class="titlerow"> 
      <td>Col 1</td> 
     </tr> 
     <tr> 
      <td class="amount">6,000.00</td> 
     </tr> 
     <tr> 
      <td class="amount">1,500.00</td> 
     </tr> 
     <tr> 
      <td class="amount">6,000.00</td> 
     </tr> 
    </table> 
      <div id="total"></div> 
    <script> 
    var theTotal = 0; 
    $(".amount").each(function() { 
     theTotal += parseInt($(this).html()); 
    }); 
    $("#total").html(theTotal); 
    </script> 

Answer 1

Необходимо заменить , на строку, чтобы правильно разбор строки.

theTotal += Number($(this).html().replace(/,/g,'')); 
// or remove all character except digit and dot 
theTotal += Number($(this).html().replace(/[^\d.]/g,'')); 

UPDATE: Позже конвертировать в формат валюты путем преобразования всего в строку.

$("#total").html(theTotal.toString().replace(/\d(?=(?:\d{3})+$)/g,'$&,')) 
// or with 2 decimal point 
$("#total").html(theTotal.toFixed(2).replace(/\d(?=(?:\d{3})+\.)/g,'$&,'))