0

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

<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方法，但据我所知，添加新的子手风琴时它不会更新。

4

1 回答 1

2

您应该可以通过向您的计数器添加一个 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>

每次您的用户点击手风琴时；像这样更新值（我假设<a>每个手风琴只有一个标签）

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

在这种情况下，length 属性是 jQuery 选择对象的长度，它将随着元素的添加和删除而更新。

_佩斯

于 2013-10-07T18:58:12.013 回答