選擇以前點擊的元素

Question

我需要幫助選擇以前點擊的元素..（我無法找到答案）我的功能如下：

showSticker:function(){ 
    $(".Sticker").click( 
     function() { 
      if ($(this).hasClass("StickerShow")) 
       $(this).removeClass('StickerShow') 
      else { 
       $(".Sticker").removeClass('StickerShow'); // Here is a problem 
       $(this).addClass('StickerShow'); 
      } 
     } 
    ); 
} 

其實它的作品不錯，但我發現它非常假人從所有匹配的元素中刪除類，我注意到CPU很難渲染它。

Answer 1

看來你想是這樣的：

showSticker:function(){ 
    var Stickers=$(".Sticker"); 
    var lastSticker=Stickers.first(); 
    Stickers.click( 
     function() { 
      $this=$(this); 
      if ($this.hasClass("StickerShow")) 
       $this.removeClass('StickerShow') 
      else { 
      // Not worry about removeClass from element which has no such class 
       lastSticker.removeClass('StickerShow'); 
       $this.addClass('StickerShow'); 
       lastSticker=$this; 
      } 

     } 
    ); 
} 

如果貼紙是兄弟姐妹，你可以使用簡單的$this.siblings('.StickerShow').removeClass('StickerShow')和$this.toggleClass('StickerShow')代替if/else

Answer 2

你會不必要地緩存了一些東西，而不是遍歷DOM：

​​3210