获取元素组内的数字总数

Question

好的，我有各种社交媒体渠道的分享按钮基本上标记如下：

<a href="[sharelink]">
<img src="[buttonsrc]" />
</a>
<span class="share-counter">
[number of shares]
</span>

...重复5次

这可能最好用jQuery完成，基本上我想做的就是得到总份额，即所有.share-counter元素中保存的数字的总和，并将该数字放在一个被调用的元素中，比方说。共享总

Answer 1

您可以使用.each()来总结它们

var total = 0;
$('.share-counter').each(function () {
    total += parseInt($(this).text(), 10)
});
$('.share-total').text(total)
console.log(total)