Question

我试图使用jQuery将一系列图像中的单个图像附加到div的底部，div的数量理论上是无限的，因此图像必须重复。

为此，我尝试使用图片网址列表创建array，然后将img附加到包含.entry类的div，并使用{从阵列中取出的图像的{1}}。

src=""

我已经看过this stackoverflow question但是，答案代码的问题是如果你有更多的div而不是图像，＆＃34; undefined＆＃34;图像加载。

无论如何，这些图像似乎都不会出现，我不知道我在做什么，所以任何帮助都会非常感激。谢谢！

Answer 1

在您的代码中发现了两个错误

在迭代之外声明数组。（不是问题，但不应该是这样）
有值连接问题

尝试，

function mascot_aside() {
    var mascots = [
        "http://i454.photobucket.com/albums/qq268/Princess_Kally/negi_chisame.gif",
        "http://i454.photobucket.com/albums/qq268/Princess_Kally/negi_chachamaru.gif",
        "http://i454.photobucket.com/albums/qq268/Princess_Kally/negi_eva.gif", ];

    $('.entry').each(function (i) {

        $(this).append('<img src=' + mascots[i % mascots.length] + ' class="mascot" />');
    });
}

使用jQuery循环遍历包含img urls的数组并附加到div

1 个答案:

DEMO