Question

HTML：

<div id="background_cycler">
    <img class="active" src="" alt=""/>
    <img src="" alt=""   />
    <img src="" alt=""  />
    <img src="" alt=""/>        
</div>

jQuery的：

var bgImg = [
'img/bg1.jpg',
'img/bg2.jpg',
'img/bg3.jpg',
'img/bg4.jpg'
];

$("#background_cycler").each(function(index){
    $(this).find('img').attr("src", bgImg[index]);
});

上面的代码将bg1.jpg插入到我的所有图片中，我的错误在哪里？我以为我使用bgImg的索引来遍历each()数组？

Answer 1

你必须迭代background_cycler div中的所有图像，如

$("#background_cycler img").each(function(index){
    $(this).attr("src", bgImg[index]);
});

您正在使用background_cycler id作为选择器，因此它可以从div中找到第一张图片，但您需要background_cycler div中的所有图片，因此您需要使用$("#background_cycler img").each进行循环，如上所述。< / p>

使用每个jquery循环遍历数组

1 个答案: