spieleprogrammierer.de - Forum und Wiki zur Spieleprogrammierung und Spieleentwicklung

Hallo,
ich erzeuge mithilfe von JavaScript dynamisch div-Container. Pro Objekt in einem Array einen Container. Dort befindet sich innerhalb des Containers ein Button mit einem Click-Event. Dieses Event soll zb das Objekt löschen. Jedem Button gebe ich innerhalb der Schleife also das aktuelle Objekt in die Funktion mit.

Erzeuge ich mir 10 Objekte, dementsprechend werden 10 Container erzeugt, klicke nun in der Anwendung auf einen Button, so wird nicht dieses Objekt zerstört, sondern das letzte Objekt im Array. Bei 20 Containern würde also Objekt Nr. 20 zerstört.

Ich habe hier mal zwei Fiddles, einmal mein Problem und einmal die Lösung dafür

das Problem:

https://jsfiddle.net/cmd7ruo5/10/

die Lösung:

https://jsfiddle.net/5bcnq559/4/

Warum ist das so?? Kann mir das jemand erklären? Hängt das mit dem Scope zusammen? Eigentlich werden die Werte doch als Parameter mitgegeben und die Funktion muss sich merken, welches Objekt sie übergeben bekam.

hier auch nochmal eine alternative Lösung, anstatt var das Schlüsselwort "let" genutzt, damit wird die Variable wohl an den Scope gebunden

https://jsfiddle.net/cmd7ruo5/18/

und hier nochmal eine mögliche Lösung mit IE Support, da ja let dort nicht unterstützt wird.

https://jsfiddle.net/w3guyqf3/3/

Ja irgendwie so.. Aber ich war anfangs doch sehr verwirrt..

Ja wenn aber doch let nicht vom IE unterstützt wird, ist es ja auch ein wenig blöd, überall let zu nutzen Privat ist das kein Thema, aber an der Arbeit bräucht ich dann an let gar nich denken.

Ja, also IE8 ist wohl momentan DER Renner bei den Kunden Ich wage zu behaupten Windows XP ist grade auch das aktuelle Betriebssystem. Und wenn man dann noch bedenkt, welche Kunden wir bedienen, na dann gute Nacht.