Question

我有多个缩略图，我试图循环并以有效的方式添加到网站。不幸的是，我似乎无法让它们以我设置的方式出现。

假设循环遍历数组中的字符串并将这些字符串添加到 img src的标记中，然后将其附加到HTML中; “reggie”由早期的函数调用，它会触发（我用警报测试它）。

图像是“编辑 - 奶酪”和“编辑 - 乐高”，都在“图像/文件夹”中。

var images = ["cheese", "lego"];

function reggie() {

    for (var i=0; i<images.length; i++) {

        $('.port2').prepend("<img class='cheese hover' 
        src='images/editorial-"+i+".png'/>");

        i++;

    }
}

如果需要更多信息，请与我们联系。感谢。

Answer 1

现在，您正在循环，并打印出您当前所在的号码（0，然后是1）。您需要从阵列中获取图像。另外，作为注释，您不需要循环底部的第二个增量;你的for循环正在处理它。

这是重写的：

var images = ["cheese", "lego"];
function reggie() {
    for (var i=0; i<images.length; i++) {

        $('.port2').prepend("<img class='cheese hover' 
        src='images/editorial-" + images[i] + ".png'/>");
    }
}

Answer 2

你不需要在for循环内增加i，删除i ++

使用数组和for循环前置图像

2 个答案: