Javascript jquery计算。多个div总计和总计计算
我正在尝试计算多个div的price*输入值,但不确定如何计算(使用.each()??) 这是我的小提琴: 您可以看到我对无法正常工作的部件进行了注释:Javascript jquery计算。多个div总计和总计计算,javascript,jquery,calc,Javascript,Jquery,Calc,我正在尝试计算多个div的price*输入值,但不确定如何计算(使用.each()??) 这是我的小提琴: 您可以看到我对无法正常工作的部件进行了注释: >//HAVING TROUBLE HERE!!! $('.total p span').each(function(){ $(this).html( $('.total p span').closest(".info").find('.price p span').html()
>//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中的特定总数时,我只知道特定的内容
如果不清楚,请告诉我,基本上是.each()
就在//下面,这里有问题。
还有,如果有人能为我推测这个答案的话。由于某种原因,我无法在小提琴上重现这个bug,但这是我在我的网站上遇到的另一个bug。在初始页面加载时,如果我没有在单选按钮上选择任何内容,并且在第二个或第三个ul
上选择一个值。。。总计返回总计$NaN
,直到我点击所有输入字段,然后它开始正确计算
提前谢谢你的帮助 您要做的是:
$('.total p span').each(function(){
$(this).html(
$(this).closest(".info").find('.price p span').html()
*
$(this).closest(".info").find('.ticket input').val());
});
您让它在每次迭代中更改所有这些span标记的内部html的方式-结果是所有这些都用最后一个元素的计算总和进行了更新。感谢Amin,他仍然在尝试更好地编辑它!区分在循环或附加到元素的函数中调用的内容很重要。通常情况下,每个()函数都会循环遍历每个项目(显然),因此$(this)对于循环的各个项目来说是正确的调用。哇,谢谢!我不敢相信我走对了路,哈哈。我想这会是完全不同的事情。谢谢你们两位的解释,这完全有道理。你对NaN问题有什么想法吗?我打算编辑我的原始帖子,因为我只是再次测试了它,在做任何其他事情之前,每当我点击任何输入时,它都会显示出来。。。直到我点击单选按钮或点击所有三个输入,它才会计算,直到它显示总计中的NaN…对不起,这部分我无法复制。