Jquery 如何显示所有Giphy API搜索结果图像？

我的giphyapi调用成功了，但现在我正在尝试显示所有的图像，而不仅仅是第一个图像。我确信这里需要一个循环，但我不确定如何/何时实现。请参阅下面的HTML和jQuery代码。提前感谢您的时间

HTML

Web230最终版-Github Giphy API搜索
请在输入框中记录您的查询，从下拉菜单中选择评级，然后按搜索按钮查看结果

评级：

全部的
Y
G
pg
pg-13
R




搜寻

因此，对于javascript，请记住数组有一个名为.length的方法。这将返回一个等于数组中元素数量的数字。请考虑这个数组：

var arrayStr = ["elem1", "elem2", "elem3"];

如果运行以下代码：

var x = arrayStr.length;

那么x等于3。我们如何在循环中使用它

for (var i = 0, i < arrayStr.length, i++) {
    console.log(arrayStr[i]);
}

for（变量i=0，i

酷！现在我们知道了如何在数组中循环。考虑GiPHYAPI返回的对象。您显然已经知道如何获取第一个gif的url。我们将使用这样的循环：

for (var i = 0, i < response.data.length; i++) {
    var giphyURL = response.data[i].images.fixed_height.url;
    var newImg = $("<img>");
    newImg.attr("src", giphyURL);
    $("#searchResults").append(newImg);
}

for（变量i=0，i