javascript - 使用每个 jquery 遍历数组

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 插入到我所有的图像中，我的错误在哪里？我以为我使用 each() 的索引遍历了 bgImg 数组？

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 如上所述。