在给定id的元素中选择类的所有元素

Question

我的HTML代码看起来像

<div id="partA">
    <div class="myClass typeA"> blabla </div>
    <div class="myClass typeA"> blabla </div>
    <div class="myClass typeA"> blabla </div>
    <div class="myClass typeB"> blabla </div>
</div>

<div id="partB">
    <div class="myClass typeA"> blabla </div>
    <div class="myClass typeA"> blabla </div>
    <div class="myClass typeA"> blabla </div>
    <div class="myClass typeB"> blabla </div>
</div>

我想使用javascript计算班级myClass的元素数量，但只计算#partA内的元素数量。
我用的时候 $(".myClass").size()
我得到8作为结果（它会计算partA和partB中的所有元素。）
我用的时候 $(".myClass.typeA").size()
我得到6（它从两个部分获得所有myClass和typeA个元素。
但是当我使用
时 $("#partA.myClass").size()
我得到0。
显然，该javascript命令仅查找同时具有id=partA和class=myClass的元素。 是否可以重新配置该命令，以便计算myClass元素中包含的id=partA类的数量？

非常感谢！

Answer 1

您在某个选择器中缺少空格。尝试：

$("#partA .myClass").size()

或者你可以这样做：

$('#partA').find('.myClass').length;

或者

var partA = $('#partA');
$('.myClass', partA).length;