试图将图像添加到列表

我想将图像源存储在数组中，然后将它们添加到使用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>'); 
}

当我加载它显示在那里我希望他们能像箱子的部位，但图像是空白。有什么不对？/>

编辑。我尝试使用单引号，但我有一个“失踪）后参数列表”错误

来源

2012-01-27 andy07070

imgSrc被作为函数调用，而不是作为一个字符串。

而且imgSrc[0]应该imgSrc[i]以便它使用您的循环当前索引通过（每次不0）

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

来源

2012-01-27 15:17:16 Curt

您的函数将字面输出为您的数组中的每个项目<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>'); 
}

来源

2012-01-27 15:16:24

这将返回第一次 – Curt 2012-01-27 15:18:50

@Curt已经看到了，无论如何。 – 2012-01-27 15:22:34

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

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

来源

2012-01-27 15:16:57

试试这个：

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>'); 
}

来源

2012-01-27 15:17:36 gabitzish

你需要逃避你的阵列..

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

来源

2012-01-27 15:17:53

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])); 
}

来源

2012-01-27 15:19:17 Insidi0us

试图将图像添加到列表

回答

相关问题