Question

我正在尝试将图像源存储在数组中，然后使用javascript将它们添加到列表中。

这是我的代码：

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="imgSrc[0]"/></li>');
}

当我加载网站时，它会显示我想要的图像框，但图像是空白的。怎么了？/＆gt;

修改。我尝试使用单引号，但我在参数列表“错误

之后得到了”缺失

Answer 1

imgSrc需要作为函数调用，而不是作为字符串调用。

同样imgSrc[0]应为imgSrc[i]，以便它使用您循环的当前索引（每次都不是0）

$('#products ul').append('<li><img src="' + imgSrc[i] + '"/></li>');

Answer 2

您的函数将为数组中的每个项输出<li><img src="imgSrc[0]"/></li>。如果您想要获取每个条目而不是第一个条目，则还需要将imgSrc[0]替换为imgSrc[i]。

要访问imgSrc数组的内容，必须将其放在字符串之外并连接。用以下内容替换您的代码：

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="' + imgSrc[i] + '"/></li>');
}

Answer 3

也许这可以解决您的问题：

$('#products ul').append('<li><img src="'+imgSrc[0]+'"/></li>');

Answer 4

试试这个：

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="' + imgSrc[0] + '"/></li>');
}

Answer 5

你需要逃离你的阵列..

$('#products ul').append('<li><img src="'+imgSrc[0]+'"/></li>');

Answer 6

var imgSrc = new Array ("images/hangings/1.jpg","images/hangings/2.jpg");
for (var i = 0; i < prices.length; i++)
{
    $('#products ul').append('<li><img src="{0}"/></li>'.format(imgSrc[i]));
}

尝试将图像添加到列表中

6 个答案: