jQuery .each - 为每个选择器实例运行函数

时间:2013-06-23 06:02:22

标签: jquery each flickr

我正在尝试通过API创建一个简单的Flickr插件来显示照片集库。我喜欢它的工作方式是这样的:

    <div id="72157634235266773" class="thumb"></div>

    <div id="72157633471728555" class="thumb"></div>

并且jQuery插件将遍历并找到所有div的class =“thumb”并将id值 - 即flickr photoset id - 插入到代码中以呈现缩略图和附带的图库文件。

这个小提琴有我的代码:http://jsfiddle.net/eBGVV/3/

看看它如何在“Photo Set 1”下将两个相同的缩略图放在一起?

所需的结果将是每个照片集1和2下的正确拇指。

我知道我如何使用.each有问题,但我不确定是什么?

谢谢!

1 个答案:

答案 0 :(得分:15)

更改前四行,以便$(document).ready嵌套所有内容,并且在每个函数中,您只想使用$(this)来引用.thumb的当前迭代实例

$(document).ready(function () {
     $('.thumb').each(function () {
          var PhotoSetID = $(this).attr("id");