A way to pass a variable into a nested function

Question

Is there a way i can pass information into a nested function ? The problem is i want to use jQuery to animate an object being removed and then after have it remove the object from the dom. But theres no way to pass information into the nested function. I first though the bellow would work but no luck,

tab = this.tab //this.tab is a dom element
$(this.tab).effect('drop',null,null, function(tab)
{
     $(tab).remove()
})

People have suggested that i store the element in a global put this function is part of a class and there can be many objects which may call this function at the same time.

Thankyou!

Doesn't this inside the closure refer to the object being animated? jQuery is quite clever in setting context, try console.logging this inside the closure. — nikc.org
– nikc.org, Commented Jul 21, 2011 at 10:14

Flambino · Accepted Answer · 2011-07-21 10:12:10Z

9

Using closures you should be able to simply do

var tab = this.tab
$(tab).effect('drop', null, null, function() { $(tab).remove(); });

Note that tab is defined outside the "nested function", but since JavaScript supports closures, the function can access variables defined in the same scope as itself. In other words, it'll be able to access tab. Also note that it's not this.tab, since this refers to the context in which the code is called.

Addendum: I'm not a jQuery-guy (weird, I know), but I'd imagine that the function you pass to effect() will be executed in the tab element's context (i.e. inside the function this refers to the tab element). If so, you could probably just do

$(this.tab).effect('drop', null, null, function() { $(this).remove(); });

answered Jul 21, 2011 at 10:12

Flambino

18.9k2 gold badges44 silver badges59 bronze badges

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

1 Comment

kjones1876 Over a year ago

Thankyou for that ! JavaScripts scope does confuse me. Also im not normally a jQuery person, but when it comes to needing altra quick development the jQuery library is useful!

Collectives™ on Stack Overflow

A way to pass a variable into a nested function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related