Jquery this inside jquery each

Question

I'm trying to access method2 from within my each function. I'm getting the following error. How do I get this to work?

ReferenceError: method2 is not defined

method1: function() {
    $('tr[data-quantity]').each(function(value) {
        this.method2(value);
    })
},

method2: function(value) {
    console.log('test')
},

Khanh TO · Accepted Answer · 2015-06-21 04:07:28Z

1

I assume that method1 and method2 belong to the same object with definition like this:

var obj = {
   method1: function(){},
   method2: function(){}
};

You can try:

    method1: function() {
        var self = this;
        $('tr[data-quantity]').each(function(value) {
            self.method2(value);
        })
    },

    method2: function(value) {
        console.log('test')
    },

edited Jun 21, 2015 at 4:07

answered Jun 21, 2015 at 4:05

Khanh TO

49k13 gold badges101 silver badges117 bronze badges

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

2 Comments

Code Junkie Over a year ago

Yes, sorry I assumed it was known since I included the commas, anyhow it worked perfectly, what causes this to happen? Is it losing it's object reference do to the jquery each function?

Khanh TO Over a year ago

@Code Junkie: this in javascript changes based on context: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… . In your case, the context has changed when it enters the jquery.each which is the current item of the current iteration.

Collectives™ on Stack Overflow

Jquery this inside jquery each

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related