jquery - 用 getJson 替换而不是 appendto

Question

帮助将不胜感激。

这是来自 Jquery 网站的代码

    <button id="refresh">refresh</button>
    <div id="images"></div>

    $("#refresh").click(function(){ 
        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
                {
                    tags: "vw beetle",
                    tagmode: "any",
                    format: "json"
                },    

                function(data) {   
                    $.each(data.items, function(i, item) {
                        $("<img/>").attr("src", item.media.m).empty().appendTo("#images");
                        if (i == 3)
                    return false;

                    });
                });
      });

这让我绞尽脑汁，我想替换结果，而不是在单击刷新按钮时继续添加或附加结果。

谢谢

Answer 1

我想你想清空#images：

function (data) {
   $("#images").empty();
   $.each(data.items...

Answer 2

$("#refresh").click(function() {
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", {
        tags: "vw beetle",
        tagmode: "any",
        format: "json"
    },function(data) {
        var fragment = document.createDocumentFragment();
        $.each(data.items, function(i, item) {
            var img = new Image();
                img.src = item.media.m;
            fragment.appendChild(img);
            if (i == 3) return false;
        });
        $('#images').html(fragment);
    });
});​

将图像附加到片段，并在循环之后，当您拥有三个图像时，使用html()插入片段，删除已经存在的图像。