计算 Total 时得到 NaN

Question

我正在尝试用数量计算产品价格，然后显示总数，但是当我计算时，我得到的结果是 NaN

这是代码

$('button').click(function() {
   var total = 0;

   $('#mineraltable tbody tr').each(function(index) {

      var price = parseInt($(this).find('.price').text());
      var quantity = parseInt($(this).find('.quantity input').val());
      var value = $(this).find('.value');
      var subTotal = price * quantity;

      value.text(subTotal);
      total = total + subTotal;
   });

   $('#result').text('Your value is: '+ total);
      console.log(total);
   });

您的值为：NaN

Answer 1

如果您不确定这些字段中可能存在的数据，您可以使用 IsNaN() 检查文本是否为数字。

$('button').click(function() {
                  var total = 0;

                  $('#mineraltable tbody tr').each(function(index) {
                  var price = 0 , quantity = 0;

                  price = parseInt($(this).find('.price').text());
                  quantity = parseInt($(this).find('.quantity input').val());

                 //check for NaN
                  price = isNaN(price) ? 0 : price;
                  quantity = isNaN(quantity) ? 0 : quantity;

                  var value = $(this).find('.value');
                  var subTotal = price * quantity;

                  value.text(subTotal);
                  total = total + subTotal;
                });

                $('#result').text('Your value is: '+ total);
                console.log(total);

                });

Answer 2

请检查您的值，您可能在 parseInt 函数中传递了任何非数值。

计算 Total 时得到 NaN

Getting NaN while calculating Total

jquery

product

invoice

calculated-field