Can you do this using jquery?

Question

Is it possible to do this from within a class?

   $("#" + field).click(this.validate);

So basically I want to pass a function of the object that should be executed whenever something is clicked. Also, if there are more than 1 instances of this object, then the correct instance (i.e the one which runs this code for the given field) should be executed.

Answer 1

Yes it is possible.

10 mins ago was writting a snipet because i had just that problem

$("div.myalarms_delete").click(function(){
 var mid = this.id;
 $("li#"+mid).fadeOut("fast");
});

the div.myalarms_delete also as the id I needed

Answer 2

I am not sure about an easy way, but you can always go the closure route:

var that = this;
$("#" + field).click(function() {
    that.validate();
});

Answer 3

From inside a class you're typically better off using the .find function.

var child = this.find('.someChildClass');
var child2 = this.find('#someChildId');

Answer 4

Is it possible to do this from within a class?

$("#" + field).click(this.validate);

“this.validate” is problematic. JavaScript does not have bound methods, so when you pass that reference, it is only pointing to a plain function. When called, ‘this’ will not be correctly set. See ALA for a fairly thorough discussion of the binding loss problem.

Some frameworks provide built-in method-binding functionality; jQuery does not, as it tends to concentrate more on closures than JavaScript objects. In any case, creating a binding wrapper using a closure is pretty simple; Andrey's answer is the usual approach for jQuery users.

The one thing to look out for with closures for event handlers (whether you are using jQuery or not) is that it tends to cause memory leaks in IE. For simple, short-lived web pages you may not care.