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

您没有正确使用class selector，

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

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

DEMO

Answer 2

试试这个：

$('.col-md-6.col-xs-12').length;

Answer 3

如果我非常正确，我相信，它应该计算具有严格命名的类属性的div元素的数量（例如，class =“col-md-6 col-xs-12 col-lg-6”不是适当）。因此我建议您遵循以下解决方案使用jQuery方法：

$(document).ready(function(){
  console.log($("div[class='col-md-6 col-xs-12']").length);
});

计算具有特定类的嵌套div的数量

3 个答案:

DEMO