2013-04-08 70 views
0
的元素中的一类中的所有元素

我的HTML代码看起来像选择指定id

<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来算不到#partAmyClass类的元素的数目,但只有一个。
当我使用
$(".myClass").size()
我得到8的结果(其计算所有来自partApartB元素)。
当我使用
$(".myClass.typeA").size()
我得到6(它得到所有myClasstypeA元素,从两部分)
但是当我使用
$("#partA.myClass").size()
我得到0
显然,该javascript命令仅查找既有id=partA也有class=myClass的元素。 是否可以重新指定该命令以计算id=partA中元素中包含的myClass类的数量?

非常感谢!

+0

考虑读一个基本的jQuery教程以及文档。 – 2013-04-08 23:00:24

回答

4

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

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

或者你可以这样做:

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

或者

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

哦!对!就像CSS!我多么愚蠢! (感到羞愧)非常感谢,它的作品:D。 (在最短时间结束后接受它) – DanielX2010 2013-04-08 23:00:06

+3

'尺寸()'被弃用...使用'长度' – charlietfl 2013-04-08 23:00:43

+0

@ charlietfl哦,好的!非常感谢您的建议! – DanielX2010 2013-04-08 23:01:27