Jquery 如何获取子元素的数量？

我试图计算类中有多少元素。在我的div中测试。我有

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

---

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

更改选择器，如下所示：

$('#testDiv .test').length

在

#testDiv

和

.test

之间放置一个

空格

$（'#testDiv.test'）
将查找
#testDiv
的直接子级，这些子级拥有
class=test

完整代码：

注
$（“#testDiv.test”）
表示您选择的某个元素既有
id=testDiv
又有
class=test
，如
尝试在
#testDiv
和
.test>之间添加一个空格

$('#testDiv .test').length

你所拥有的就像下面一样

$('#testDiv.test') //- element with ID testDiv and class test  
//<div id="testDiv" class="test">...</div>

$（'#testDiv.test'）/-ID为testDiv和类test的元素
//...
试试：

您正在搜索ID为
testDiv
和
test
类的元素，例如

<div id="testDiv" class="test">

相反。有了这个空间，所有具有类“test”的节点都是id为testDiv的节点的子节点。

$（“#testDiv.test”）
这将计算所有直接子代——如果它是子代的子代，则不计算它
$（'#testDiv'）。查找（'.test'）
或简单地
$（'#testDiv，.test'）
将查找所有子体
嗨，我写了3个案例：

方法1:
If.test是指向#testdiv的子对象

你可以用这个

例如：

这将为您提供类为“test”的元素数组。在javascript中，我们使用length属性来查找数组的大小。
所以
$（“#testdiv”）.children（“.test”）.length
我会做好你的工作

方法2:
类似地，要在#testdiv中查找具有“test”类的所有元素，您可以使用回调。当您不知道“.test”元素的嵌套级别时，应该使用这种方法，因为它不是优化的方法。
如：
$（“#testdiv”）.find（“.test”）
这将为您提供元素数组。使用相同的东西。长度来查找数组的大小

方法3:
您也可以尝试使用：

$("#testdiv .test")

这与方法2的工作原理相同，但优化程度较低

你的错误：
您尝试使用以下语法

$("#testdiv.test")

此选择器为您提供类为“test”且id为“testdiv”的元素

谢谢
$（“#testDiv.test”）
您试图找到一个具有属性id=testDiv的div，并且在同一个div中必须有属性css=test
<div id="testDiv" class="test">

$('#testDiv .test")
           ^--- note the space

$("#testdiv").children(".test")

$("#testdiv .test")

$("#testdiv.test")