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（它从两个部分获取所有元素） 但是当我使用时， 我得到. 显然，该 javascript 命令仅查找同时具有和的元素。是否可以重新制定该命令以计算包含在元素中的类的数量？myClasstypeA

$("#partA.myClass").size()
0
id=partAclass=myClassmyClassid=partA

非常感谢！

Answer 1

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

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

或者你可以这样做：

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

或者

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