リストに画像を追加しようとしています

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は機能としてではなく、文字列として呼ばれる必要があります。それはあなたが（ない0毎回）をループ現在のインデックスを使用するように

またimgSrc[0]はimgSrc[i]あるべき

$('#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])); 
}