Dynamiczne wstawianie onclick Opcje

[tommyexlee]

Witam,
Mam problem z dynamicznym wstawianiem onclick.

HTML:

[HTML] pobierz, plaintext 
<button onclick="klik();">Klik</button>
<div class="asd">
  <div class="akodp_1">
    Klik1
  </div>
  <div class="akodp_1">
    Klik2
  </div>
  <div class="akodp_1">
    Klik3
  </div>
</div>
[HTML] pobierz, plaintext 

java script:

[JAVASCRIPT] pobierz, plaintext 
function klik(){
   alert('włączono klik'); // alert 1
   divs = document.getElementsByClassName('akodp_1');
   alert(divs.length); // alert 2
   for(var i=0;i<divs.length;i++) {
     alert(i); // alert3
     divs[i].onclick=function () {alert('cos' + i);}
   }
}
[JAVASCRIPT] pobierz, plaintext 

Wstawiłem wszystko tu: http://jsfiddle.net/854Vc/2/

alert 1 pokazuje, że klik działa
alert 2 pokazuje 3 - znaczy że wykrywa 3 divy
alert 3 pokazuje 0, 1, 2 - znaczy każdy z divów jest obsługiwany osobno

Dlaczego w takim razie po kliknięciu na każdy z divów pojawia się alert: "coś3", a nie "cos0", "cos1", "cos2"?

Dziękuję z góry za pomoc.

Pozdrawiam,
Tomek

Ten post edytował tommyexlee 25.06.2014, 12:25:13

[tommyexlee]

Dzięki wielkie za wskazanie rozwiązania. Przebudowałem kod i wszystko działa. Jestem zaskoczony, że zmienna "i" pozostała dalej widoczna po pętli.

Skąd bierze się te (); na końcu? Z czego to wynika?

Pozdrawiam,
Tomek

Dobra dzięki, ale już znalazłem. Szukałem pod hasłem 'closure'. Pozdrawiam

Ten post edytował tommyexlee 25.06.2014, 19:44:03