试图将图像添加到列表

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

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

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

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