Jquery 循环每个循环，然后显示val

在我的代码中有三个框，每个框从html中获取一些数据，并使用它们来做一个小的总数，这一切都很好。我遇到的问题是让它循环

我希望它使用下面的jQuery循环每个部分，并输出正确的值。现在它所做的只是把所有的东西捆绑在一起

然后，一旦全部完成，从每个中提取值。这个总数并将它们相加，得到

#total

它只适用于一个循环，但当我尝试创建一个循环时，它失败了

我不是在寻找JavaScript的替代方案，也不是在寻找对我正在使用jQuery进行试验的HTML的更改，如果有任何帮助，我将不胜感激

var-ded=841；
var网格=196；
var sum=parseFloat（$（'#mixers.mix value'）.text（））/ded；
var percent=parseFloat（$（'#mixers.amount'）.text（））/100；
$（'#mixers.this total'）。每个（函数（索引）{
$（this.val（“£”+（（网格*百分比）*总和）.toFixed（2））；
});
var total=parseFloat（$（'#mixers.this total'）.val（）；
$（“#总计”）。每个（函数（索引）{
$（此）.val（总计）；
});
表单{
保证金：0自动；
显示：块；
文本对齐：居中；
}
表单输入{
填充：15px；
显示：内联块；
字体大小：粗体；
文本对齐：居中；
}
#混合器{
文本对齐：居中；
边框底部：1px纯色灰色；
边缘底部：15px；
垫底：10px；
}
部分{
填充：5px35px；
显示：内联块；
}

标题A
17.95

70
标题B
11.95

20
标题C
13.62

10
看看这个伴侣：

var ded = 841;
var grid = 196;
var grandTotal = 0;

$('#mixers .this-total').each(function (index) {
    var percent = parseFloat($(this).closest(".infora").find(".mix-value").text())/ded;
    var sum = parseFloat($(this).closest(".infora").find(".amount").text())/100;

    var total = ((grid * percent) * sum).toFixed(2);
    grandTotal = parseFloat(grandTotal) + parseFloat(total);

    $(this).val('£' + total);
});

$("#total").val('£' + grandTotal);

参见js fiddle：


这就是你想要的吗