javascript - 计算特定类的嵌套 div 的数量

Question

我想获取以下结构中具有 col-md-6 col-xs-12 类的所有 div 的数量:

<div class="Numbers_List_Main col-xs-12">
<div class="row">
    <div class="col-md-6 col-xs-12"></div>
    <div class="col-md-6 col-xs-12"></div>
</div>
<div class="row">
    <div class="col-md-6 col-xs-12"></div>
    <div class="col-md-6 col-xs-12"></div>
</div>
<div class="row">
    <div class="col-md-6 col-xs-12"></div>
    <div class="col-md-6 col-xs-12"></div>
</div>

我尝试 JQuery 查找如下:

$(".Numbers_List_Main col-xs-12").find(".row").find(".col-md-6 col-xs-12").length 

但它不起作用，知道如何做到这一点吗？

Answer 1

您没有正确使用类选择器，

$(".Numbers_List_Main.col-xs-12 .row .col-md-6.col-xs-12").length 

这种情况就像，我们必须选择一个具有两个类的元素。因此类选择器必须由 .class1.class2 组合。

DEMO