jquery 计算。多个 div 总计和总计计算

Question

我正在尝试计算多个 div 的价格 * 输入值，但不确定如何计算（使用 .each()???）。

这是我的小提琴：http://jsfiddle.net/V5hrY/2/

您可以看到我评论了无法正常使用的部分：

>//HAVING TROUBLE HERE!!!
$('.total p span').each(function(){
        $(this).html(
            $('.total p span').closest(".info").find('.price p span').html() 
            * 
            $('.total p span').closest(".info").find('.ticket input').val());
    });

大多数部分都运行良好，除非您在不同的输入字段中有几个整数并选择不同的单选按钮，然后单独的计算就会关闭。特别是因为我对 .each() 或循环的知识非常有限，同时在每个 div 中计算特定的东西到特定的总数。

如果不清楚，请告诉我，它基本上是在//HAVING TROUBLE HERE. 下方的.each()

另外，如果有人也可以为我推测这个答案。由于某种原因，我无法在小提琴上重现此错误，但这是我在我的网站上遇到的另一个错误。在初始页面加载时，如果我没有在单选按钮上选择任何内容，而是在第二个或第三个 ul...开始正确计算。

提前感谢您的帮助！

Answer 1

你想要做的是：

        $('.total p span').each(function(){
            $(this).html(
                $(this).closest(".info").find('.price p span').html() 
                * 
                $(this).closest(".info").find('.ticket input').val());
        });

您在每次迭代时更改所有这些 span 标签的内部 html 的方式 - 结果是 ALL 使用为 LAST 元素计算的总和进行更新。