Javascript 如何将记录数和jquery ui选项卡名称一起显示为带计数器的字母形状？

我在一个有3个选项卡的应用程序中工作。每个选项卡都包含一个gridview，其中包含一些记录。我希望以字母形式显示gridview中的记录数，计数器显示其中的记录总数

<div id="tabs">
    <ul>
       <li><a href="#divLog">Log</a></li>
       <li><a href="#divOpen">Openned</a></li>
       <li><a href="#divResolve">Resolved</a></li>
    </ul>
</div>

我想把结果显示为

<div id="tabs">
    <ul>
       <li><a href="#divLog">Log (2)</a></li>
       <li><a href="#divOpen">Openned (23)</a></li>
       <li><a href="#divResolve">Resolved (5)</a></li>
    </ul>
</div>

---

使用字母形状（就像在移动消息中一样），计数器显示gridview中的总行数。

根据逻辑，您需要调用like

注意，您必须从

服务器脚本返回
json
，如下所示：

{"log":"2","open":"23","resolve":"5"}

<ul>
    <li><a id="a-log" href="#divLog">Log <span></span></a></li>
    <li><a id="a-open" href="#divOpen">Openned <span></span></a></li>
    <li><a id="a-resolve" href="#divResolve">Resolved <span></span></a></li>
</ul>

在
锚定标记中添加
id
和
span元素
，如

{"log":"2","open":"23","resolve":"5"}

<ul>
    <li><a id="a-log" href="#divLog">Log <span></span></a></li>
    <li><a id="a-open" href="#divOpen">Openned <span></span></a></li>
    <li><a id="a-resolve" href="#divResolve">Resolved <span></span></a></li>
</ul>