jQuery methods not working on 'this' inside an event handler

Question

When I use the below, I cannot get the jQuery this to hide the element.

$(\'.purplePanda\').click(function(e){
   this.hide();
});

Answer 1

Modify your code from that :

$('.purplePanda').click(function(e){
   this.hide();
});

To This:

$('.purplePanda').click(function(e){
   $(this).hide();
});

Should work now.