jquery - 使用 AddThis HTML 插件的总社交计数

Question

我们在博客上使用 AddThis 来分享帖子。我们想计算分享内容的人数，但 AddThis 显示了每个网络有多少人分享了内容，我们希望所有内容都集中在一个小部分中。

这就是代码现在基本上的样子。

<div class="addthis_sharing_toolbox" style="text-align:center;display:block;">
    <a class=“at-share-btn at-svc-facebook”>… </a>
         <span class="at_flat_counter">50</span>
    <a class=“at-share-btn at-svc-twitter”>… </a>
         <span class="at_flat_counter">23</span>
    <a class=“at-share-btn at-svc-tumblr”>… </a>
         <span class="at_flat_counter">1</span>
    <a class=“at-share-btn at-svc-google_plus”>… </a>
         <span class="at_flat_counter">2</span>
    <a class=“at-share-btn at-svc-linkedin”>… </a>
         <span class="at_flat_counter">1</span>
</div>

我们想要做的是将跨度之间的所有数字相加，然后将它们相加，以便我们可以将它们显示在一个字段中，即总计数。问题是我不知道这是否可能。

计数完成后，我们将用户 display: none;隐藏 <span class="at_flat_counter">1</span>由 AddThis 提供

Answer 1

.at-svc-compact, .at_flat_counter { display:none !important; }
.at_flat_counter:last-child { display:inline-block !important; }

第一行隐藏了 AddThis 图标，显示旁边的总计数以及所有计数器元素。

第二行显示了 AddThis 总计数元素 - 因此在没有 AddThis 品牌的情况下向用户显示并且还显示了该页面在多个平台上的总分享量