JavaScript - Как добавить событие onclick, динамически передавая определенное значение?

Question

Не могли бы вы взглянуть на образец кода

http://jsfiddle.net/vXvs2/

Я не знаю, ясно ли это, но он должен показать, что было i, когда было создано событие. Вместо этого я думаю, что при запуске события отображается значение i.

Как бы я решил мою проблему?

Answer 1

Оберните тело цикла в функцию, чтобы создать замыкание:

for(var i = 0; i < arr.length; i++){
    (function(i){ //i inside this function is a local var; not affected by i++
        arr[i].onclick = function(){
            alert(i);
            return false;
        };
    })(i); //Invoke the function, pass variable i 
}

Скрипка: http://jsfiddle.net/vXvs2/4/