How to use JQuery callback functions with Javascript objects

Question

I have a Javascript object the following:

function extraFields(id) {
    this.numActiveFields = 0;

    ...

    this.addRow = function(quoteClass, rowClass) {
        var remButton = $("<span></span>")
        .addClass(rowClass)
        .addClass(quoteClass)
        .click(function() {
            //here I want to refer to the object's variable, but instead refer
            //to the JQuery object
            this.numActiveFields++;
        });
    }

    ...
}

I want to change the object's variable from inside the callback function. How would I do that? Should I change the way I declare the object?

possible duplicate of Reference to an object from a callback function in jQuery. — mplungjan
– mplungjan, Commented Jul 6, 2011 at 16:27

Community · Accepted Answer · 2017-05-23 12:13:20Z

1

When you are in the callback function "this" is the "remButton" you created. Just save "this" in a variable before the callback and then use that instead.

For a better explanation please look at the link that mplungjan suggested: Reference to an object from a callback function in jQuery

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Jul 6, 2011 at 16:29

Johan Davidsson

2,9922 gold badges21 silver badges27 bronze badges

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

1 Comment

Daniel Kats Over a year ago

Thanks, I was sure there was a thread like that, but couldn't find it.

Collectives™ on Stack Overflow

How to use JQuery callback functions with Javascript objects

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related