Question

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

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

我想在类别名称文本之后将计算的子手风琴ammount粘贴在标签之间。在删除或添加子手风琴时是否可以自动更新？

到目前为止我尝试了什么

当添加新的副手风琴时，我试图将新的副手风琴传递给主手风琴。

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

但这似乎不是处理事情的最佳方式。

我也尝试了lengtht方法，但据我所知，当添加新的子手风琴时它不会更新。

Answer 1

您应该可以通过向计数器添加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选择对象的长度，当添加和删除元素时，将更新。

_Pez

jQuery count和echo子divs的数量

到目前为止我尝试了什么

1 个答案: