在每个div父级处汇总子值

Question

我有以下问题，我正在尝试构建一个网格系统，并且在每一行我都有一个“添加模块”按钮。我希望当模块的值大于75％时按钮将消失。我的问题是我使用的sum变量对于每一行都是相同的。

     var sum = 0.0;
        $('.row_element').find(function(){
$('.current_size_value').each(function()
{
    sum += parseFloat($(this).val());
});
alert(sum);

});

查看我的jsfiddle以了解它是如何工作的：http://jsfiddle.net/panos277/8nDp2/

Answer 1

每行不重置sum变量。

$('.row_element').each(function() {
    var sum = 0.0;
    var $row = $(this);
    $row.find('.current_size_value').each(function() {
        sum += parseFloat($(this).val());
    });
    console.log("row", $row);
    console.log("sum", sum);
});