Question

How do you redefine this in a jQuery click event handler? I read a few years ago that Edge had an optional parameter that you could pass in to have this bound to something else, but does not seem to be the case any longer.

Answer 1

There are two common ways. I prefer using jQuery.proxy

$.fn.highlighter = function(){
    this.click($.proxy(function(){
        this.addClass('highlight');
    }, this));
};

The other common alternative is to assign this to self inside the function where you call the click handler.

$.fn.highlighter = function(){
    var self = this;
    this.click(function(){
        self.addClass('highlight');
    });
};