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

Question

有没有一种简单的方法可以使用jquery在特定的类名下查找多个元素？

Answer 1

1）如果要在类中查找DOM元素，则可以使用以下命令：

$('.class').length

2）如果要查找具有特定类的DOM元素，请使用::

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

第二种解决方案更有用，因为我们必须对具有特定类本身的元素执行某些事件，而不是对所有子元素执行某些事件。 因为元素可以被append（）将来删除。 那样的话，将来的逻辑可能是错误的。

Answer 2

只需获取长度即可完成。

$('.className').length

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

要么

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

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

Answer 3

您可以使用.children（）来获取元素的子级和length以获取子级总数：

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

如果要查找特定的子元素（例如input元素），请使用：

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

Answer 4

您可以使用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的：$（'。tabs> li'）。siblings（）。length

演示：

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