2016-08-04 42 views
0

使用jquery append函數添加圖像的src。我在foreach循環中使用一個變量,我想追加圖像src。我怎麼做。如何使用jquery append函數添加圖像的src?

我jQuery代碼

$.each(data.products, function(key,val) { 
    $("div#yourwishlist").append('<div class="col-sm-6 col-md-4"><article class="box"><figure><a class="hover-effect" title="" href="#"><img width="300" height="160" alt="" src="'+val('thumb')+'"></a></figure><div class="details"><a class="pull-right button uppercase" href="" title="View all">select</a><h4 class="box-title">'+val['name']+'</h4><label class="price-wrapper"><span class="price-per-unit">$170</span>avg/night</label></div></article></div>'); 
console.log(val['name']); 
}); 

這個代碼是不是在我的案子......

+0

squere括號這裏' val('thumb')',類似於'val ['thumb']' –

+0

更改val('thumb')至val ['thumb'] –

+0

當我提醒val ['thumb']時。它顯示正確的值......但我想我正在寫一些語法錯誤在src =「'+ val('thumb')+'」。因爲我認爲它沒有顯示src =「http://placehold.it/300x160」 –

回答

1

亞太區首席技術官Matt你可以像src屬性添加到圖像:

$.each(data.products, function(key,val) { 
    $("div#yourwishlist").append('<img width="300" height="160" alt="" src="'+ val +'">'); 
}); 

// here val contains the path of image in it