Hinzufügen von Tabellenspalte in Währungsformat

Question

habe ich diesen Code die Summe einer Spalte zu bekommen aber es ist nicht richtig Berechnung

Erwartete Ausgabe: 13.500,00 Aktuelle Ausgabe: 13

Ich denke, das Problem in dem Format der Zahl, aber ich weiß nicht, wie man damit umgeht.

<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

Sie müssen die , aus der Zeichenfolge ersetzen, um die Zeichenfolge korrekt zu analysieren.

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

UPDATE: Später konvertieren in Währungsformat von insgesamt in einen String umgewandelt wird.

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