Refering to Javascript "Class" method from jQuery function

Question

How to I refer to a parent "class" method in Javascript from a jQuery function? Example:

$Object.prototype.TestFunction = function(arg){
  alert(arg);
}

$Object.prototype.foo = function(){
    $(something).click(function(){
        this.TestFunction("Hello"); //Obviously doesn't work.
    });
}

I have predictable sets of data that need to be manipulated for multiple sets and results viewed on the page, which is why I built an object to handle it. However, when I use anything "jQuery" and try to refer to an object property or method from within, it obviously doesn't work.

Is this possible?

Thank you very much for your time and effort, in advance.

Mark Coleman · Accepted Answer · 2011-05-20 19:43:20Z

4

Simply assign this to a variable and in your closure reference the variable.

$Object.prototype.foo = function(){
    var that = this; //<--here
    $(something).click(function(){
        that.TestFunction("Hello");
    });
};

Example on jsfiddle

answered May 20, 2011 at 19:43

Mark Coleman

40.9k9 gold badges84 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Neil · Accepted Answer · 2011-05-20 20:04:58Z

3

My preferred method is with using $.proxy:

$Object.prototype.foo = function(){
    $(something).click($.proxy(this.TestFunction,this);
};

It's cleaner and also passes through any arguments (like the event) to the handler function.

answered May 20, 2011 at 20:04

Neil

1,2169 silver badges7 bronze badges

Collectives™ on Stack Overflow

Refering to Javascript "Class" method from jQuery function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related