选择具有相同类的多个div

Question

我有一个HTML结构如何:

<div class="className"></div>
<div class="className"></div>
...
<div class="className"></div>

我试图用jQuery选择这些元素.为此,我想知道是否可以在循环中定位这些项目,其中N是数量divs.在第一个循环中,我想要定位第一个div循环,在第二个循环中定位第二个div,等等...

for (var i = 0; i < N; i++) {
    $(".className")...
};

此外,有可能知道divs与jQuery相同的类的数量？

Answer 1

所述$(...)符号返回的阵列状物体,这意味着可以参考通过它的索引的特定元素:

$(".className")[i]...

然而,值得注意的是,jQuery有几个自己的循环方法,包括each()与map()它或许可以用来代替原生的for在这种情况下,循环:

$(".className").each(function() {
    var current_element = $(this);
});

jQuery对象实现了JavaScript的length属性,因此您可以使用它来计算匹配元素的数量:

var number_of_divs = $(".className").length;

为满足要求,您的问题要求:

var elems = $('.className'),
    N = elems.length;

for (var i = 0; i < N; i++)
    elems[i]...