javascript sum 返回 NaN 错误

Question

我有一个 javascript 购物篮，其中的总和几乎每次都会返回 NaN 错误。 在我的代码中

    $('#add-to-basket select').selectbox();
    $('#contents select').selectbox().change(function (e) {
        var product = $(this).parents('.product');
        var ppu     = product.find('.ppu').val();
        product.find('.price .wrapper .value').text($(this).val() * ppu);

        var total   = 0;

        $('.product .price .value').each(function (index, value) {
            total += new Number($(value));
        });

        var form = $(this).parents('form');
        form.ajaxSubmit(function () {
        });

        $('#total .value').text(total);
    });

我尝试使用 parsefloatm 但它仍然不起作用......

Answer 1

$(value) 为您提供 jQuery 包装的元素，而不是实际值。

如果元素是表单输入，则需要 $(value).val() ，否则需要 $(value).text() 。

另外，您应该使用 Number(...)，甚至 +...，而不是 new Number(...)：

$('.product .price .value').each(function (index, value) {
    total += +$(value).val();
});

请参阅此问题了解 new Number 和 之间的区别编号。