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.

Answer 2

Replace

this.hide(); 

with

$(this).hide();

Thus your function should be like

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

See the official documentation here