jquery - 如何在 $.getJSON 和 $.each jquery 函数上创建一个特定的循环？

Question

我有这个代码来检索 Flickr 图像。但是，我只想检索4张图片，如何编辑这段代码？

谢谢！

jQuery(document).ready(function($){
                $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?ids=<?php print $flickrid; ?>&lang=en-us&format=json&jsoncallback=?", function(data){
                      $.each(data.items, function(index, item){
                            $("<img/>").attr("src", item.media.m).appendTo("#flickr")
                              .wrap("<li><a href='" + item.link + "'></a></li>");
                      });
                    });
            });

Answer 1

懒惰的方式：

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?ids=<?php print $flickrid; ?>&lang=en-us&format=json&jsoncallback=?", function(data){
    $.each(data.items, function(index, item){
        if (index<5) {
            $("<img/>").attr("src", item.media.m).appendTo("#flickr")
                       .wrap("<li><a href='" + item.link + "'></a></li>");
            });
        }
    });
});

Answer 2

接受的答案不会限制您从 Flickr 检索的图像数量。它只是忽略了一些返回的结果。但如果这就是你的意思，并且你接受了答案，所以我猜是这样，那么这里有一些更懒惰的东西：

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?ids=<?php print $flickrid; ?>&lang=en-us&format=json&jsoncallback=?", function(data){
    $.each(data.items, function(index, item){
        $("<img/>:lt(5)").attr("src", item.media.m).appendTo("#flickr")
                         .wrap("<li><a href='" + item.link + "'></a></li>");
        }
    });
});

注意 ":lt(5)" 过滤器。