Response title
This is preview!
.click() event handler and the 'this' keyword
in Using jQuery
•
11 years ago
My plan is to create a JavaScript class, with some functions and variables, and one of the functions is called when a user clicks on a certain element. However, I need to find out the ID of the element that was clicked (in the example, that of the <p>) for further processing. It looks basically like the following:
var myclass = {
onclicked: function () {
this.anchor = $(this).attr('id'); // => undefined
this.property1 = ...;
this.property2 = ...;
docoolstuff();
}
};
$('p').click(myclass.onclicked);
The result was very crazy, because console.log(this) gave me the node as result, and console.log($(this)) did the same only as jQuery node, but trying to find out the attribute via jQuery gave undefined as result. I haven't checked if this.id would work (should probably), but I'd prefer to keep the whole script in jQuery, if possible. I suspect it may be an overusage of the 'this' keyword, but if so, what's the proper way to do it?
var myclass = {
onclicked: function () {
this.anchor = $(this).attr('id'); // => undefined
this.property1 = ...;
this.property2 = ...;
docoolstuff();
}
};
$('p').click(myclass.onclicked);
The result was very crazy, because console.log(this) gave me the node as result, and console.log($(this)) did the same only as jQuery node, but trying to find out the attribute via jQuery gave undefined as result. I haven't checked if this.id would work (should probably), but I'd prefer to keep the whole script in jQuery, if possible. I suspect it may be an overusage of the 'this' keyword, but if so, what's the proper way to do it?
1