JQuery dynamische click-functionen

[moritzmoritzz]

Guten Abend,

ich habe folgenden Code:

for(var i=0;i<self.fontsize.length;i++) {
			fontUnder.append('<div class="weEdit_select_under_innerRow" id="'+self.id+'weEdit_fontsize_value_'+i+'" value="'+self.fontsize[i][1]+'">'+self.fontsize[i][0]+'</div>');	
			
			$('#'+self.id+'weEdit_fontsize_value_'+i).click(function(){alert(i);});
		}

Nun, wenn ich aber auf den Div clicke gibt er immer das letzte i aus (in diesem Fall "7") egal, welches ich anklicke ... mache ich irgendwas falsch? Könnt ihr mit einen Tip geben?

(ich weiß, man kann das auch als Table oder <li> lösen, aber Divs gefallen mir besser )

Moritz

 

[CPoly]

Die Frage haben wir hier gefühlt alle zwei Wochen. Beispiel: http://www.tutorials.de/javascript-ajax/390877-dynamisches-zuweisen-von-jquery-events.html

Ich nehme an dein Code könnte auch wesentlich vereinfacht werden, aber die einfachste Lösung

for(var i=0;i<self.fontsize.length;i++) {
    (function(i) {
        //Hier dein jetziger Code aus der Schleife
    }(i));
}