Jquery jedes() Counter

Question

Ich habe ein wenig in der Dokumentation gesucht und eine Weile im Internet verbracht, aber ich kann keine Lösung finden! Ich möchte, dass die Warnung mir sagt, welche Iteration von jedem() es war, als auf .thumb geklickt wurde.

ZB: Es gibt sechs .thumb's Ich klicke auf Nummer 3, der Browser erscheint 3!

Was tatsächlich passiert ist unabhängig davon, welche .thumb geklickt wird, 6 erscheint.

var counter = 1; 
$('.thumb').each(function() { 
    $(this).click(function() { 
     alert (counter); 
    }); 
    counter++; 
}); 

Jede Hilfe wird dankbar angenommen.

Answer 1

Das ist, weil Sie das gleiche counter Variable für allclick Handler teilen, und es ist, was es am Ende der Schleife endet als. Verwenden Sie stattdessen die man in die Schleife übergeben (der Index-Parameter des .each(), die schon da ist), wie folgt aus:

$('.thumb').each(function (i) { 
    $(this).click(function() { 
     alert (i+1); //index starts with 0, so add 1 if you want 1 first 
    }); 
}); 

You can test it here.

Answer 2

Der Aufruf von function() ist eine anonyme Funktionsdeklaration. Sie müssen verstehen, wie LISP-Funktionen funktionieren (ja, ecmascript ist lisp).

Statt $ ('Daumen.') Jeweils, sollten Sie so etwas wie (ungetestet) benutzen.

var list = $('.thumb'); 
for(var i=0; i<list.length; i++) { 
    $(list[i]).click(function(){ 
     alert(i); 
    }); 
} 

Answer 3

eine Lösung zu verwenden, wie @Paulo vorgeschlagen, würden Sie so wie dies zu tun:

var list = $('.thumb'); 

for(var i=0; i<list.length; i++) { 
    (function(i_local) { 
     list.eq(i).click(function(){ 
      alert(i_local); 
     }); 
    })(i + 1); 
}​ 

... obwohl ich use @Nicks .each() solution instead würde. Viel sauberer.