求相同元素的值的和

Question

<div class="cart_goods checkout_goods" data-id="1" id="rec_1" data-goods="14" data-total="10">
<div class="cart_goods checkout_goods" data-id="3" id="rec_3" data-goods="14" data-total="11">
<div class="cart_goods checkout_goods" data-id="5" id="rec_5" data-goods="14" data-total="12">
<div class="cart_goods checkout_goods" data-id="6" id="rec_6" data-goods="12" data-total="13">获取 data-goods="14"   的 data-total 值的和 （10+11+12）。

Answer 1

<div class="cart_goods checkout_goods" data-id="1" id="rec_1" data-goods="14" data-total="10">
<div class="cart_goods checkout_goods" data-id="3" id="rec_3" data-goods="14" data-total="11">
<div class="cart_goods checkout_goods" data-id="5" id="rec_5" data-goods="14" data-total="12">
<div class="cart_goods checkout_goods" data-id="6" id="rec_6" data-goods="12" data-total="13">
<script type="text/javascript">
var obj = {};
var div = document.getElementsByClassName("cart_goods");
for (var i = 0; i < div.length; i++) {
var str = div[i].getAttribute("data-goods");
var num = parseFloat(div[i].getAttribute("data-total"));
if (str in obj) {
obj[str] += num;
} else {
obj[str] = num;
}
}
alert(JSON.stringify(obj,null,4));
</script>

Answer 2

var total=[...document.querySelectorAll('[data-goods="14"]')].reduce(function(a,b){
        return a+ (+b.dataset.total)
    },0);
    alert(total);

Answer 3

 var r=0;
$.each($("div[data-goods='14' ]"),function(i,t){
 r+=  parseInt($(t).attr("data-total"));
})
console.log(r);

Answer 4

我赞同楼上使用reduce的，这个方法算求和简单快捷