问jquery中的.each()方法

EN

var data = ['foo','bar','foobar','baf','woot'];
$.each(data,function(iterator,element){
  console.log(iterator+'. '+element);
});

您没有注意到.each在函数调用中有两个可以接受的参数。

因此，要将其应用于您的代码：

settings.thumbnails$ = this.filter('img');
settings.thumbnails$.each(function(i,e) { // add back the iterator (i)
  $(this).data('photo-index',i); // reference it here
});

您还在.each调用中引用了"settings.thumbnail$“(单数)，这可能是问题所在，但我不知道您要做什么。

或者，您可以使用.each()并使用它的本机索引进行赋值：

settings.thumbnails$.each(function(i,e){
  $(this).data('photo-index',$(this).index());
});

jQuery each()将用列表中当前迭代的索引填充第一个参数，因此将为settings.thumbnail$的每个元素分配一个惟一的n给$(this).data('photo-index', n)

在您的函数中，this关键字引用您正在迭代的单个元素。n将成为索引。因此，如果您有3个img元素，该函数将被调用3次，n从0到2，并且每个当前元素都绑定到this。您还可以通过函数的第二个参数访问该元素：function(n, element) { $(element).data("photo-index", n); }

文档是here。