javascript - Jquery $.each 循环处理数组

Question

我正在 jquery 中的对象内处理 URL 数组，并且我已经非常接近完成，但是我遇到了一个小问题。

我已将以下循环绑定(bind)到单击函数，当用户单击照片(在[位置])时，下面应该加载一堆相应的照片，这些照片存储在一个数组中，我可以成功访问数组位于正确的对象内，但不是按顺序插入 URL，而是将每个 URL 插入到每张照片中，并用逗号分隔。

即代替:img src="[0]"、img src="[1]"、img src="[2]"...

我看到:img src="[0],[1],[2]"...

$.each(albums[location].photos, function(index, val){
  $('#'+cover_id+'').append('<div id="'+cover_id+'" class="thumbnail" style="display:inline-block; padding: 0 25px;"><img src='+albums[location].photos+' id="coverPhoto" height="320" width="320"><figcaption>'+location+'</figcaption></a></div>');
});

我想我可以使用另一个循环来解决它，但由于使用 $.each，这看起来很笨拙。

任何帮助将不胜感激

Answer 1

你必须使用$.each的参数

有两种方法，使用索引或值

 $.each(albums[location].photos, function(index, val){   $('#'+cover_id+'').append('<div id="'+cover_id+'" class="thumbnail"
 style="display:inline-block; padding: 0 25px;"><img
 src='+albums[location].photos[index]+' id="coverPhoto" height="320"
 width="320"><figcaption>'+location+'</figcaption></a></div>'); });

或

$.each(albums[location].photos, function(index, val){   $('#'+cover_id+'').append('<div id="'+cover_id+'" class="thumbnail"
style="display:inline-block; padding: 0 25px;"><img
src='+val+' id="coverPhoto" height="320"
width="320"><figcaption>'+location+'</figcaption></a></div>'); });