javascript - JQuery 运算符得到了错误的值

Question

我有带运算符减号的 jquery 脚本，但我得到了错误的值，这是我的代码

var fuid = $(this).attr("data-delete-id"); 
var hargaProduk = parseInt($("#harga_"+fuid).text());
var hargaTotal = parseInt($("#total-harga").text());
var newValue = hargaTotal - hargaProduk;            
$("#total-harga").html(newValue);

这是我的 HTML 代码

   // foreach in here
   <tr id="table_1">
        <td>Data 1</td>
        <td>Rp <span id="harga_1"> 275,000</span></td>
        <td><span class="delete-product" data-delete-id="1"><span>Delete</span></span></td>
      </tr>
   <tr id="table_2">
        <td>Data 2</td>
         <td>Rp <span id="harga_2"> 175,000</span></td>
        <td><span class="delete-product" data-delete-id="2"><span>Delete</span></span></td>
      </tr>
   <tr id="table_3">
        <td>Data 3</td>
         <td>Rp <span id="harga_3"> 180,000</span></td>
        <td><span class="delete-product" data-delete-id="3"><span>Delete</span></span></td>
      </tr>
  //end foreach in here
  <tr style="background:#DEDEDE;">
            <td><b>Total </b></td>
            <td></td>
            <td><b>Rp <span id="total-harga"><?= number_format(CartTotal())?></span></b></td>
            <td></td>
        </tr>

当我运行它时，它显示如下:

但是当我在 number 3 中单击删除并运行 JS 脚本时，值更改为 Rp -179

我的代码有问题吗？我只想显示变量 hargaTotal 的值 - hargaProduk

谢谢

Answer 1

JavaScript 的 parseInt 和 parseFloat 在第一个无效字符处停止，它们不支持逗号，所以 parseInt("180,000")返回 180。要解析您的号码，您需要删除逗号:

var hargaProduk = parseInt($("#harga_"+fuid).text().replace(/,/g, ""));
// ------------------------------------------------^^^^^^^^^^^^^^^^^^

...然后在显示的时候把它们加回去；如果你搜索，你会在 SO such as this one 上找到用千位分隔符格式化数字的解决方案。 .