查找特定类名jquery下的元素数量?

时间:2014-03-14 05:13:42

标签: jquery

有没有简单的方法可以使用jquery查找特定类名下的元素数?

4 个答案:

答案 0 :(得分:4)

1)如果要在类中查找DOM元素,则可以使用以下::

$('.class').length

2)如果你想找到具有特定类的DOM元素,那么使用::

$('.class').find('.childrenclass').length

第二种解决方案更有用, 因为我们必须在元素上使用特定类本身而不是在所有子元素上执行某些事件。 因为元素可以是append()&将来删除。 那么在这种情况下,你的逻辑对于未来可能是错误的。

答案 1 :(得分:2)

可以通过简单地获取长度来完成。

$('.className').length

以上将返回具有相同类名的元素数。

或者

如果要查找特定元素中的子元素数。

$('.className').eq(0).children().length

答案 2 :(得分:0)

您可以使用 .children() 来获取元素的子元素,length获取子元素的总数:

var childLen = $('.elementClass').children().length;

如果您想查找特定的子元素,例如input元素,请使用:

var inputLen = $('.elementClass').find('input').length;

答案 3 :(得分:0)

您可以使用siblings.length找到特定类名下的元素数。

HTML:

 <ul class="tabs">
         <li><a href="javascript:void(0)">Home</a></li>         
           <li><a href="javascript:void(0)">About Us</a></li>
              <li><a href="javascript:void(0)">Mappings</a></li>
           <li><a href="javascript:void(0)">Services</a></li>               
         <li><a href="javascript:void(0)">Products</a></li>
        <li><a href="javascript:void(0)">Contact Us</a></li>  
    </ul>

Jquery的: $(&#39; .tabs&gt; li&#39;)。siblings()。length

演示:

http://jsfiddle.net/35Axf/1/