Question

这是一个涉及我已经看过很多问题的循环的问题，我似乎无法找到任何可以帮助我的情况。

我构建了一个非常简单的应用程序，当用户输入主题标签时调用Instagram API。下面显示图像并将URL分配给图像。

    for ( i = 0; i < response.data.length; i++) {
        imageDisplay = response.data[i].images.low_resolution.url;
        imageUrl = response.data[i].link;
        $instagram.append( '<img src="' + imageDisplay + '"/>');
        $('img').wrap("<a href="+ imageUrl + "></a>");
    };
})

问题出在哪里，每个图像都会将用户发送到最后一个url结果。我需要在每个循环中返回结果，但我无法弄清楚如何。

Answer 1

我不是一个jQuery高手，但我认为这段代码：

$('img').wrap("<a href="+ imageUrl + "></a>");

...具有将链接包裹在每个图像标记周围的效果。因此，每次进行循环时，都会重新包装所有图像。

您需要识别刚刚创建的特定图像标记，并将链接包裹起来。

毫无疑问，如果我错了，有人会纠正我。

Answer 2

问题似乎在于 $('img').wrap("<a href="+ imageUrl + "></a>"); 你这样选择所有img标签。正确的方法是

$instagram.append( '<a href="+ imageUrl + "><img src="' + imageDisplay + '"/></a>');

jquery for循环返回每个数组元素

2 个答案: