javascript - jQuery - 从数组中获取的效果元素（单独）

Question

这是我的 HTML：

<div class="objectA"></div>
<div class="objectB"></div>
<div class="objectA"></div>
<div class="objectB"></div>

当我使用此脚本时，没有任何反应：

var allObjects = $("div[class^=object]");
allObjects[1].fadeIn();

但是当我使用这个脚本时，警报消息将是 4，它会淡化所有元素：

var allObjects = $("div[class^=object]");
    allObjects.fadeIn();
    alert(allObjects.lenght);

所以我知道我得到了我想要的元素到一个数组中，但是我怎样才能单独影响每个 1 呢？

score 1 · Accepted Answer

allObjects[1]返回一个原始 DOM 元素。DOM 元素没有fadeIn方法，jquery 对象有。相反，使用.eq：

allObjects.eq(1).fadeIn();

.eq返回一个包含第 n 个元素的 jquery 对象。

score 0 · Accepted Answer

0

您可以使用 jQuery.each() 单独遍历每个元素。请参阅文档。

于 2013-11-09T18:18:26.577 回答

score 0 · Accepted Answer

检查这个小提琴

$(document).ready(function(){
    var allObjects = $("div[class^='object']");
    $(allObjects[1]).fadeIn();
})

3 回答 3