jquery - 如何获取子元素的个数？

Question

我试图计算我的 div 中有多少个带有 .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> .