大佬教程收集整理的这篇文章主要介绍了来自具有相同类名的段落的输入或字符串的值总和始终显示“0”,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的购物车 div,其中有 ul 所选产品列表。我想显示所有产品的价格总和,但无法弄清楚(li 是动态创建的,可以从购物车中删除,因此 sum 也应该动态工作)。
ul 的结构是这样的:
<ul ID='koszyk'>
<li>
<input type='hIDden' class='price' value='20'>
<p class='p_price'>20 zł</p>
<...>
</li>
</ul>
我尝试使用此 Sum of values from different divs with the same class 按段落字符串求和,但控制台输出始终显示“0”:
var sum = 0;
$('.p_price').each(function(){
sum += parsefloat($(this).text());
});
console.log(sum);
脚本在ul里面。我也试过这个,但结果相同:
var sum = 0;
$('.price').each(function(){
sum += parsefloat($(this).valueOf());
});
console.log(sum);
我也尝试使用数组来存储所有价格,但我不擅长使用数组。 这可能是一些简单的错误,因为我仍然是初学者,所以我也更喜欢尽可能简单的解决方案。
使用 val()
方法代替 valueOf()
获取输入元素的 value
。
var sum = 0;
$('.price').each(function(){
sum += parseFloat($(this).val());
});
console.log(sum);
<script src="https://cdnjs.cloudFlare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id='koszyk'>
<li>
<input type='hidden' class='price' value='20'>
<p class='p_price'>20 zł</p>
<...>
</li>
</ul>
以上是大佬教程为你收集整理的来自具有相同类名的段落的输入或字符串的值总和始终显示“0”全部内容,希望文章能够帮你解决来自具有相同类名的段落的输入或字符串的值总和始终显示“0”所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。