選擇指定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來算不到#partA是myClass類的元素的數目，但只有一個。
當我使用
$(".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;