计算具有相同类的列表中的值的总和

Question

我正试图找到值的总和。我把我的代码放到了下面。

HTML

<ul class='share'>
    <li class='share-btn'>
        <a class="total"></a>
    </li>
    <li class='share-btn' data-service="facebook">
        <a class="count"></a>
    </li>
    <li class='share-btn' data-service="twitter">
        <a class="count"></a>
    </li>
    <li class='share-btn' data-service="google">
        <a class="count"></a>
    </li>
</ul>

jQuery

$(document).ready(function () {
    var shareUrl = "http://www.google.com";
    $.getJSON('http://count.donreach.com/?url=' + encodeURIComponent(shareUrl) + "&callback=?", function (data) {
        var shares = data.shares;
        $(".count").each(function (index, el) {
            var service = $(el).parents(".share-btn").attr("data-service");
            var count = shares[service]; 
            $(el).text(count);
        });
    });
});

如何使用相同的类（“count”）获取列表中的值的总和，并将结果放在“total”。

Answer 1

此功能可以帮助您：

var total = 0;
$('.count').each(
    function(){
        total += parseInt($(this).text().trim());
    }
);
$('.total').html(total);