Javascript 使用CSS和JQuery显示列表的总计数

CSS、JQuery，并刚刚开始构建我的第一个站点

我有一个计数器，可以计算列表中的项目数。我正在努力实现的最终结果是将其转换为通知徽章/标签，并将其显示给用户。它的功能与您在iOS中获得的应用程序通知徽章完全相同

计数器工作正常，并显示正确的列表项总数。唯一的问题是将其显示在适当的位置。我想在最近的更新旁边显示它，它当前仅在列表末尾显示时有效-这是有意义的，因为代码是按顺序读取的

我研究了li:nth-last-child1等可能性，但我不知道如何提取计数器值，我看到的每个示例都使用它通过更改背景颜色来突出显示元素

这就引出了一个问题，是否可以将计数器值的结果从CSS中提取出来，将其存储为JS变量，然后将其放置在HTML文档主体中我想要的任何位置

如果可能的话，我怎样才能做到这一点？ 如果没有，我有什么选择

代码：

保险商实验室{ 计数器重置：项目； } ulli{ 显示：块； 反增量：项目； } 伯爵：以后{ 显示：块； 内容：反项； } 最近更新15 2015年4月15日-一 2015年4月15日-两个 2015年1月24日-三 2015年4月15日-4 2015年4月15日-五 2015年1月24日-6 2015年4月15日-七 2015年4月15日-八 2015年1月24日-九 2015年4月15日-十 2015年4月15日至11日 2015年1月24日-十二 2015年4月15日-十三 2015年4月15日-2014 2015年1月24日至15日

---

你根本不需要使用CSS。jQuery通过其length属性公开集合中的元素数量，因此要计算列表项的数量，您只需执行以下操作：

var count = $('ul.list-unstyled').children().length;

演示 var count=$'ul.list unstyled'.children.length； $'result'.textcount； 2015年4月15日-一 2015年4月15日-两个 2015年1月24日-三 2015年4月15日-4 2015年4月15日-五 2015年1月24日-6 2015年4月15日-七 2015年4月15日-八 2015年1月24日-九 2015年4月15日-十 2015年4月15日至11日 2015年1月24日-十二 2015年4月15日-十三 2015年4月15日-2014 2015年1月24日至15日

---

通过使用jquery只计算Ul中的项目，您可以这样做

   var count = $(".list-unstyled li").length;
    $('#count').html(count);

看看js小提琴。。现在你可以把跨度放在任何你想要的地方

---

您可以等待dom加载并运行脚本，然后

$(function(){
  $(".label-as-badge").html($(".space").length);  
});

---

演示：

在过去的8小时里，我一直在努力解决这个问题，解决方案非常简单，非常感谢James@u24b8很乐意帮忙！