Jquery 'on' event with .bind(this). How to access $(this)?

Question

I register an event

$('button').on('click', this.method.bind(this));

master.prototype.method = function() {
  // This works only if i bind(this) in the event.
  this.otherMethod();

  // The jquery $(this) does not work more...
  $(this).addClass('...');
}


// But that does not work: (I will reference to the 'button')
$(this).addClass('class');

How can I access the right button element without $(this)? Or can i access $(this) within my method?

Answer 1

this.method will get the Event object passed as first argument. If you define the function to have a parameter event , you can reference the element via event.target .