javascript - 按类别划分的总数据属性值

Question

我正在尝试使用 jQuery 从列表中按数据属性名称查找总金额组。类似于对类别进行分组并求总和。

例如，我想创建这样的东西:

group1 = 3
group2 = 5
group3 = 3

从此列表中:

<span class="data-center" data-category="group1" data-amount="1"></span>
<span class="data-center" data-category="group2" data-amount="1"></span>
<span class="data-center" data-category="group2" data-amount="2"></span>
<span class="data-center" data-category="group1" data-amount="2"></span>
<span class="data-center" data-category="group2" data-amount="2"></span>
<span class="data-center" data-category="group3" data-amount="3"></span>

我想知道是否有一些 jQuery 函数可以帮助实现它，例如 groupByName()？

Answer 1

使用纯 JavaScript:

Example Here

function getCategoryTotal(cat) {
    var total = 0,
        elements = document.querySelectorAll('[data-category="' + cat + '"]');

    Array.prototype.forEach.call(elements, function (el, i) {
        total += parseInt(el.dataset.amount, 10);
    });

    return total;
}

console.log(getCategoryTotal('group1')); // 3
console.log(getCategoryTotal('group2')); // 5
console.log(getCategoryTotal('group3')); // 3