Question

I need help to select previously clicked element.. (I couldn’t find answer) My function is as follows:

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

Actually it works good but I found it pretty dummy to remove class from all matched elements and I noticed that it’s pretty hard for CPU to render it.

Answer 1

seems you want like this:

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;
            }

        }
    );
}

if stickers are siblings you can use simple $this.siblings('.StickerShow').removeClass('StickerShow') and $this.toggleClass('StickerShow') instead of if/else