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

Question

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

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

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

jQuery 插件将迭代并找到所有带有 class="thumb"的 div，并将 id 值(即 flickr 照片集 id)插入代码中，以呈现图库的缩略图和随附图像文件。

这个 fiddle 有我的代码:http://jsfiddle.net/eBGVV/3/

看看它如何将两个相同的缩略图图像并排放置在“照片集 1”下？

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

我知道我使用 .each 的方式存在问题，但我不确定是什么？

谢谢!

Answer 1

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

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