javascript - 删除用户单击的图像

我正在做一个记忆匹配游戏。我有一些代码可以检查用户单击的两个图像是否具有相同的来源，如果它们确实具有相同的来源，则将其删除。

(function compareClicked() {
    var lastclicked = "";
    $("img").click(function() {
        var path = $(this).attr("src");
        if( lastclicked == path) {
            $('img').hide(1000, function () {
            $(this).remove();
             });
        }
        else {
            if( lastclicked != "") alert("Not a match");
        }
        lastclicked = path;
    });
})();

但是，如您所见，当它们具有相同的来源时，即使用户没有单击任何图像，它也会删除页面上的所有图像。如何更改它，使其仅删除用户单击的两个图像？

最佳答案

怎么样

var lastEl = null;

$(document).ready(function(){

$('img').each(function(index){
  $(this).attr('id','img-' + index);
});

$('img').click(function(){
  if( lastEl ) {
    if( ($(this).attr('src') == lastEl.attr('src')) && ($(this).attr('id') != lastEl.attr('id')) ) {
      $(this).remove();
      lastEl.remove();
    }
    lastEl = null;
  } else {
    lastEl = $(this);
  }
});

});

还没有测试过，但是要非常接近

编辑:更新的代码与下面的对话一致。 JS在这里摆弄http://jsfiddle.net/joevallender/pc3Qa/3/

再次编辑:JS小提琴链接现在应该正确