javascript - 选择给定 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 的元素。 是否可以重新编写该命令以计算 id=partA 元素中包含的 myClass 类的数量？

非常感谢!

Answer 1

您的一个选择器中缺少一个空格。尝试:

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

或者你可以这样做:

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

或者

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