Question

109

jQuery: how to access parent function this from inside anonymous function?

rated 0 times [ 111] [ 2] / answers: 1 / hits: 26596 / 13 Years ago, sun, february 5, 2012, 12:00:00

...

$.fn.annotateEdit = function(image, note) {

    if (note) {

        this.note = note;

    } else {

        var newNote = new Object();

        newNote.id = new;

        this.note = newNote;

    }

}

...

var mynote = this.note;



form.find(':radio').change(function() {

    var vacancy = $(this).attr('value');

    mynote.vacancy = vacancy;

});

...

Is it possible to access this.note from the change() handler without defining mynote?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mckenna

Add To Favorites

Follow

Total Points: 445

Total Questions: 109

Total Answers: 109

Location: Virgin Islands (U.S.)

Member since Sun, May 16, 2021

3 Years ago

mckenna questions

1 Laravel Livewire: Component in Foreach loop. Button Click shows on all items instead of Single item

Mon, Sep 6, 21, 00:00, 3 Years ago

1 Jest mock aws-sdk ReferenceError: Cannot access before initialization

Sat, Apr 11, 20, 00:00, 4 Years ago

1 Nest js POST Request Not Recognizing DTO method

Fri, Mar 20, 20, 00:00, 4 Years ago

1 How to use prop inside another prop as default value in vuejs

Thu, Mar 28, 19, 00:00, 5 Years ago

1 Javascript: Bind/unbind function behavior

Tue, Nov 27, 18, 00:00, 6 Years ago

View All

answered 13 Years ago kadinl · Accepted Answer

I use a pattern like this so I can access anything in the enclosing scope:

var that = this;

...



form.find(':radio').change(function () {

    that.note.vacancy = $(this).attr('value');

});

I am a fan of this pattern because it makes the code a little more readable. In my opinion, it is clear what it being accessed is part of the enclosing scope (as long as the usage of that is consistent).