我正在尝试通过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有问题,但我不确定是什么?
谢谢!
答案 0 :(得分:15)
更改前四行,以便$(document).ready嵌套所有内容,并且在每个函数中,您只想使用$(this)来引用.thumb的当前迭代实例
$(document).ready(function () {
$('.thumb').each(function () {
var PhotoSetID = $(this).attr("id");