Как победитьэту проблему с замыканими?

Question

[trevoga_su]

имею почти аналог нижеприведенного кода.

<script>
var arr = [1, 2, 3];

for (var i in arr) {
	var p = document.createElement('p');
	p.appendChild(document.createTextNode('тут при клике должен быть текст с цифрой ' + (parseInt(i) + 1)));

	// вот тут затык - почему всегда последний элемент??
	p.onclick = function(){
		alert(arr[i])
	};
	
	document.body.appendChild(p);
}
</script>

как сделать так, что бы i-тое значение сохранялось в определенной onclick функции?

сохранять в data- значение arr[i] НЕ предлагать - работаю с canvas + raphael js

Answer 1

[Сергей delphinpro]

var arr = [1, 2, 3];

for (var i in arr) {
  (function(i, el){
    var p = document.createElement('p');
    p.appendChild(document.createTextNode('тут при клике должен быть текст с цифрой ' + (parseInt(i) + 1)));

    // вот тут затык - почему всегда последний элемент??
    p.onclick = function(){
      alert(el)
    };

    document.body.appendChild(p);
  })(i, arr[i]);
}

https://jsfiddle.net/DelphinPRO/Lvzzpvv2/

Comments

[trevoga_su]

спасибо, то что надо!

Answer 2

[Алексей Уколов]

http://learn.javascript.ru/closures-usage#армия-функций