Databases
StackOverflow2013
Postsdbo
POjavascript scope problem when lambda function refers to a variable in enclosing loop
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjavascript scope problem when lambda function refers to a variable in enclosing loop
    text
    copied!<p>First question on stackoverflow :) Hope I won't embarrass myself...</p> <p>I have a javascript function that loads a list of albums and then it creates a list item for each album. The list item should be clickable, so I call jQuery's click() with a function that does stuff. I do this in a loop. My problem is that all items seem to get the same click function, even though I try to make a new one that does different stuff in each iteration. Another possibility is that the iteration variable is global somehow, and the function refers to it. Code below. debug() is just an encapsulation of Firebug's console.debug().</p> <pre><code>function processAlbumList(data, c) { for (var album in data) { var newAlbum = $('&lt;li class="albumLoader"&gt;' + data[album].title + '&lt;/li&gt;').clone(); var clickAlbum = function() { debug("contents: " + album); }; debug("Album: " + album + "/" + data[album].title); $('.albumlist').append(newAlbum); $(newAlbum).click(clickAlbum); } } </code></pre> <p>Here is a transcript of what it prints when the above function runs, after that are some debug lines caused by me clicking on different items. It always prints "10", which is the last value that the album variable takes (there are 10 albums).</p> <pre><code>Album: 0/Live on radio.electro-music.com Album: 1/Doodles Album: 2/Misc Stuff Album: 3/Drawer Collection Album: 4/Misc Electronic Stuff Album: 5/Odds &amp; Ends Album: 6/Tumbler Album: 7/Bakelit 32 Album: 8/Film Album: 9/Bakelit Album: 10/Slow Zoom/Atomic Heart contents: 10 contents: 10 contents: 10 contents: 10 contents: 10 </code></pre> <p>Any ideas? Driving me up the wall, this is. :)</p> <p>/Stefan</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload