替換Flickr相冊而不是追加它

Question

我想通過點擊button1和button2來顯示Flickr的相冊。

但我希望它被點擊時替代其他相冊，而不是顯示在其下。我試圖改變appendTo replaceWith，但沒有奏效。

HTML：

<div id="images"></div> 
<a id="button1" href="#">1</a> 
<a id="button2" href="#">2</a> 

腳本：

$("#button1").click(function() { 
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157615971582524&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){ 
      $.each(data.items, function(i,item){ 
       $("<img/>").attr("src", item.media.m).appendTo("#images") 
       .wrap("<a href='" + item.link + "'></a>"); 
      }); 
     }); 
}); 

$("#button2").click(function() { 
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157630193661622&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){ 
      $.each(data.items, function(i,item){ 
       $("<img/>").attr("src", item.media.m).appendTo("#images") 
       .wrap("<a href='" + item.link + "'></a>"); 
      }); 
     }); 
}); 

Answer 1

只需添加$（ '＃圖像'）刪除（）兩種點擊（）函數

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#button1").click(function() { 
    $('#images a').remove() 
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157615971582524&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){ 
      $.each(data.items, function(i,item){ 
       $("<img/>").attr("src", item.media.m).appendTo("#images") 
       .wrap("<a href='" + item.link + "'></a>"); 
      }); 
     }); 
}); 

$("#button2").click(function() { 
    $('#images a').remove() 
    $.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157630193661622&nsid=33000359@N05&lang=en-us&format=json&jsoncallback=?" , function(data){ 
      $.each(data.items, function(i,item){ 
       $("<img/>").attr("src", item.media.m).appendTo("#images") 
       .wrap("<a href='" + item.link + "'></a>"); 
      }); 
     }); 
}); 

}) 
</script>