使类的元素可寻址

Question

我有几个相同类的元素，我想将每个元素存储在一个数组中。不幸的是，在数组中，HTML被保存而不是可寻址的jQuery元素。以下只是一个例子，我不想立即淡出它们：

ERROR

undefined is not a function

HTML

<div class="a">1</div>  
<div class="a">2</div>  
<div class="a">3</div>

JS

var all = $('.a');
for (var i ; i < all.length; i++) {
    all[i].fadeOut();
}

Answer 1

您需要将all[i]返回的DOM元素转换为jQuery对象：

var all = $('.a');

for (var i ; i < all.length; i++) {
    $(all[i]).fadeOut();
}

或者您可以使用jQuery的内置方法来访问集合的元素：

for (var i ; i < all.length; i++) {
    all.eq(i).fadeOut();
}

Answer 2

如果您不关心这些值，为什么要使用数组？你不能只做这样的事情：

$('.a').fadeOut();

Answer 3

使用each功能

$('.a').each(function(){
    $(this).fadeOut();
})

jsfiddle example http://jsfiddle.net/qmryh9zb/2/

Answer 4

你可以在jQuery中使用每个：

var all = $('.a');


all.each(function(){
    $(this).fadeOut();
});

repro：http://jsfiddle.net/48vcafq8/