JQuery不断得到NaN

当在tbood.addnumber中键入一些数字时，我试图让数字总和显示在tfoot#totaladdnumber中，并将其与tfoot#totaladdprice中的产品价格相乘，但在#totaladdprice中继续得到$NaN

我该怎么办

这是我的密码

$('.addnumber').keyup(function () {
    var sum = 0;
    $('.addnumber').each(function() {
        sum += Number($(this).val());
    });
    $('#totaladdnumber').val(sum + 'Packs');

    $('.addnumber').change(function(){
       var group = parseInt($('#totaladdnumber').val());
       var price = parseFloat($('.variantprice').val());
       var total = group * price;
        $('#totaladdprice').val('$' + total)
    });
 });

这是我的表格

颜色
项目#
包裹
包装价格
{product.variants%中的变量为%0}
{%if variant.available%}
{{variant.title}}
{%if settings.show-quantity%}
{%endif%}
{%endif%}
{%endfor%}
全部的
{%if product.available%}

{%endif%}

密切关注传递给

parseInt

和

parseFloat

的数据。如果传递的参数中没有数字，则返回

NaN

var group = parseInt(""); // NaN
var price = parseFloat("ten"); // NaN

---

添加

console.log（$（'#totaladdnumber'）.val（），$（'.variantprice'）.val（））以调试代码。
有什么方法可以检查吗？尝试了很多方法，但没有解决方案。
console.log
显示了什么（请参阅更新的答案）？使用
只输入数字。不确定是否正确，但当我输入console.log时，我没有定义。这是我正在处理的链接，您没有
.variantprice
。您有
#variantprice
。这就是为什么会出现
未定义的
和NaN。
var group = parseInt(""); // NaN
var price = parseFloat("ten"); // NaN