【发布时间】：2017-02-09 10:18:03
【问题描述】：
我想单独标记每个 div 的计数，但它给出了全长。在我的情况下，我不想要全长，我需要每个 div 标签计数。为了做到这一点，我每个都使用 jquery，但计数错误，请有人帮助我..
如果标签计数大于 5，我想加载 +。否则它应该隐藏。 HTML 代码，
$('.list-group-item').each(function() {
var label_count = 0;
label_count = $(this).find('label').length;
alert(label_count);
// alert(label_count);
$(this).find('label:gt(4)').hide();
// count++;
if (label_count > 4) {
//alert(count);
$(".loadMore").show();
}
// else
// {
// $(".loadMore").show();
// }
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="list-group cat_fltr">
<a class="list-group-item fltrHdng">Size</a>
<div class="list-group-item">
<div id="filter-group10" class="cf">
<!--<input type="text" id="dino-search_10" placeholder="Search By Size"> -->
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="59" />S
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="60" />M
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="61" />L
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="62" />XL
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="63" />XXL
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="143" />XS
</label>
<button class="loadMore" title="Load more">+</button>
<button class="showLess" title="Load more">-</button>
</div>
</div>
<a class="list-group-item fltrHdng">FABRIC</a>
<div class="list-group-item">
<div id="filter-group21" class="cf">
<!--<input type="text" id="dino-search_21" placeholder="Search By FABRIC"> -->
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="144" />Chiffon</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="145" />Corduroy</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="146" />Cotton</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="147" />Crepe
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="148" />Denim
</label>
<button class="loadMore" title="Load more">+</button>
<button class="showLess" title="Load more">-</button>
</div>
</div>
<a class="list-group-item fltrHdng">Brands</a>
<div class="list-group-item">
<div id="filter-group22" class="cf">
<!--<input type="text" id="dino-search_22" placeholder="Search By Brands"> -->
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="149" />Go Colors</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="150" />Comfort Lady</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="151" />Morrio
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="152" />Twin Birds</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="153" />Fashion For U (FFU)</label>
<button class="loadMore" title="Load more">+</button>
<button class="showLess" title="Load more">-</button>
</div>
</div>
<a class="list-group-item fltrHdng">Style</a>
<div class="list-group-item">
<div id="filter-group12" class="cf">
<!--<input type="text" id="dino-search_12" placeholder="Search By Style"> -->
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="154" />Casual
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="155" />Ethnic
</label>
<button class="loadMore" title="Load more">+</button>
<button class="showLess" title="Load more">-</button>
</div>
</div>
<a class="list-group-item fltrHdng">Length</a>
<div class="list-group-item">
<div id="filter-group17" class="cf">
<!--<input type="text" id="dino-search_17" placeholder="Search By Length"> -->
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="114" />Full
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="117" />Ankle
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="156" />3/4
</label>
<label class="checkbox cb_test">
<input name="filter[]" type="checkbox" value="157" />Capri
</label>
<button class="loadMore" title="Load more">+</button>
<button class="showLess" title="Load more">-</button>
</div>
</div>
</div>【问题讨论】：
-
仅供参考，您的 HTML 有几个不匹配的
</ul>可以删除 -
您的问题也不清楚。你想达到什么目的？鉴于提供的 HTML，被提醒的计数对我来说似乎完全正确。
-
如果标签计数大于 5，我希望 加载。否则它应该隐藏。
-
请忽略不存在的ul标签。