javascript - jQueryカウントとエコー子divの量

Question

アコーディオンの子アコーディオンの金額を数えたいと思います。私はいくつかの主要なアコーディオンを持っており、それらにはすべて、削除および追加できる子アコーディオンがあります（したがって、カウントが変更されます）。1 つのメイン アコーディオン内の子アコーディオンを数えて、タイトルに反映させたいと思います。

<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>

カウントされたサブアコーディオンの量を間に貼り付けたいカテゴリ名テキストの後のタグ。サブアコーディオンが削除または追加されたときに自動的に更新することは可能ですか?

これまでに試したこと

新しいサブ アコーディオンを追加するとき、新しい量のサブ アコーディオンをメイン アコーディオンに渡そうとしました。

var findGroupNum = $('.accordion-toggle[data-panel="' + findGroupPlace + '"] > b').text();
var findGroupNumClean = findGroupNum.replace(/[\[(.)\]]/g, '');
findGroupNumClean++;

しかし、これは物事を処理する最良の方法のようには見えません。

私もこのlengtht方法を試しましたが、私の知る限り、新しいサブアコーディオンが追加されても更新されません。