如何获得子元素的数量?

本文介绍了如何获得子元素的数量?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试计算div中的.test类有多少个元素.我有

I am trying to count how many element with the class .test within my div. I have

<div id='testDiv'>ddd 
   <div class='test'> 111<div> another div </div></div>
   <div class='test'> 222</div>
   <div class='test'> 333</div>
   more...
</div>

我的jQuery:

if($('#testDiv.test').length>5){
   alert('haha');
}

我似乎无法通过类名test获得正确的div数量.

I can't seem to get the correct number of div with the class name test.

推荐答案

按如下所示更改选择器:

Change the selector like following:

$('#testDiv .test').length

在#testDiv和.test之间放置一个space.

$('#testDiv .test')将找出具有class=test的#testDiv的直接子代.

$('#testDiv .test') will find out the direct children of #testDiv who has class=test.

完整代码:

Full Code:

if( $('#testDiv .test').length > 5 ){
   alert('haha');
}

注意

$('#testDiv.test')表示您正在选择一些同时具有id=testDiv和class=test的元素，例如<div id="testDiv" class="test"></div>.

Note

$('#testDiv.test') means you are selection some element which has both id=testDiv and class=test like <div id="testDiv" class="test"></div>.

这篇关于如何获得子元素的数量?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！