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

Question

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

这是我的 fiddle :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()。

此外，如果有人也可以为我推测这个答案。由于某种原因，我无法在 fiddle 上重现这个错误，但这是我在我的网站上遇到的另一个错误。在初始页面加载时，如果我不在单选按钮上选择任何内容并在第二个或第三个 ul 上选择一个值...总计将返回总计 $NaN直到我单击所有输入字段，然后它开始正确计算。

感谢您提前提供的任何帮助!

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 - 结果是所有内容都根据最后一个元素计算的总和进行了更新。