javascript 'this' scope in jQuery

Question

I have just converted an piece of code that was an object literal to a class and am having problems with the scope in a jQuery $.each() loop.

Say I have a class...

var myClass = function(var1) {
  this.var1 = var1;
}

myClass.prototype.myFuncion = function() {
  var context = this;
  $.each(this.var1, function() {
    context.myOtherFunction()

    //is there any way of accessing 'this' from here?
  }) 
}

I want to know how to access the class context from within the each?

I know I can define a variable outside of the loop but is this the preferred method?

I've listed a few ways in this answer.

Anurag
– Anurag

2011-05-18 03:22:15 +00:00
Commented May 18, 2011 at 3:22 — Anurag
– Anurag, Commented May 18, 2011 at 3:22

marcosfromero · Accepted Answer · 2011-05-18 03:24:39Z

1

In jQuery each, the this keyword refers to the current element in the iteration. You can read the documentation and see examples to illustrate this.

Defining a variable outside the loop is common case, as you can see, for instance, in jQuery-UI source code for datepicker.

answered May 18, 2011 at 3:24

marcosfromero

2,85319 silver badges17 bronze badges

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

Comments

Jeremy Warne · Accepted Answer · 2011-05-18 03:25:44Z

1

The way you've done it is the way to go; as soon as you enter the scope of the each, "this" refers to the current item in the collection which is being eached. As far as I know there is no internal language construct to get the 'parent' this; renaming it is the best way.

answered May 18, 2011 at 3:25

Jeremy Warne

3,4693 gold badges32 silver badges28 bronze badges

Comments

user142368 · Accepted Answer · 2011-05-18 03:23:05Z

0

This doesn't directly answer your question, but I found this recent Google I/O video extremely useful: http://ontwik.com/javascript/google-io-2011-learning-to-love-javascript

About 20-25 minutes in is an excellent explanation of 'this' in JavaScript. It also very clearly explains some of the language idiosyncrasies.

answered May 18, 2011 at 3:23

user142368

Collectives™ on Stack Overflow

javascript 'this' scope in jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related