jQuery $ .each循环处理数组

debugcn 发表于 Dev

JQBolo

我正在使用jquery中的对象内部的URL数组，而我正在接近完成的地步，但是我遇到了一个小问题。

我将以下循环绑定到click函数，当用户单击照片（在[location]处）时，应在下面加载一堆相应的照片，这些照片将存储在一个数组中，并且我可以成功访问其中的数组正确的对象，但不是将顺序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而显得笨拙。

任何帮助将不胜感激

艾纳斯塔特

您必须使用$ .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>'); });

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。