JQuery/PHP
JQuery+each遍历相同class名元素的值并计算总和
PetitQ
收藏
近期，有客户开发代建网站，其中有一个要求，就是自动计算某个值的总和。实现这样的需求有二种方法，一种是使用 PHP 直接将输出的值计算总和。另一种就是通过 JQUERY 代码来计算总和。由于此项目使用 PHP 计算并不方便，所以考虑使用第二种通过 JQUERY 来计算。使用 JQUERY 来计算，我们需要使用二个知识点：
- 一个是通过 each 遍历同 CLASS 名的所有元素；
- 另一个是 JQUERY 计算总和；
以下是实现这些功能 HTML 代码：
也想出现在这里？联系我们吧
<li class="bmw" data-price="250000">250000</li>
<li class="bmw" data-price="350000">350000</li>
<li class="bmw" data-price="450000">450000</li>
<li class="bmw" data-price="550000">550000</li>
JQUERY 代码：（通过 each 遍历并得到所有元素的数组）
var varList = new Array();
$(".bmw").each(function(index, el) {
varList[index] = el.dataset.price;
});
console.log("varList:"+varList);//输出所有元素的数组
再计算一下数字的总和：
var sum=0;
$(".bmw").each(function(index, el) {
sum = el.dataset.price*1 + sum*1;
});
console.logo(sum);//得到数据总和
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
