Javascript jQuery计数和回显子divs金额

我想数一数手风琴儿童手风琴的数量。我有几个主要的手风琴，它们都有可以删除和添加的子手风琴（因此计数会改变）。我想数一数主手风琴中的儿童手风琴，并在标题中呼应它

<div class="panel panel-default">
    <div class="panel-heading main">
         <h4 class="panel-title">
                <a class="accordion-toggle main collapsed side-js" data-panel="02" data-toggle="collapse" data-parent="#main-panel" href="#panel-02">
                  <span>00</span>Category name 
                  <b>(0)</b>
                  <i class="icon-angle-down"></i>
                </a>
              </h4>

    </div>
    <div id="panel-02" class="panel-collapse collapse">
        <div class="panel-body">/* Here are the sub accordions. */</div>
    </div>
</div>

但这看起来不是处理事情的最佳方式

---

我也尝试了

lengtht

方法，但据我所知，当添加新的副手风琴时，它不会更新。

您应该能够通过向计数器添加id轻松完成此操作：

<a class="accordion-toggle main collapsed side-js" data-panel="02" data-toggle="collapse" data-parent="#main-panel" href="#panel-02">
                  <span>00</span>Category name 
                    <b>(<span id="cat-count">0</span>)</b>
                  <i class="icon-angle-down"></i>
 </a>

本例中的length属性是jQuery选择对象的长度，它将随着元素的添加和删除而更新

---

_Pez

您的方法中是否也拼写了长度？我确实拼写了长度方法，但它是否检测到新手风琴何时被添加或删除？它可以完美地工作，只需进行一些小的调整，以适合我的代码。谢谢！：）

<a class="accordion-toggle main collapsed side-js" data-panel="02" data-toggle="collapse" data-parent="#main-panel" href="#panel-02">
                  <span>00</span>Category name 
                    <b>(<span id="cat-count">0</span>)</b>
                  <i class="icon-angle-down"></i>
 </a>

jQuery("#cat-count").html(jQuery("#panel-02 a").length)