如何获取子元素的数量？

Question

我想在我的div中计算与class .test有多少元素.我有

<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');
}

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

Answer 1

更改选择器如下:

$('#testDiv .test').length

把一个space之间#testDiv和.test.

$('#testDiv .test')会找出#testDiv谁的直接孩子class=test.

完整代码:

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

注意

$('#testDiv.test')意味着你选择其中既有一些元素id=testDiv和class=test喜欢<div id="testDiv" class="test"></div>.