No sé cómo has declarado la variable i
del bucle for, pero posiblemente el problema venga de ahí: el bucle itera sobre i
desde 0 hasta 2. Cuando i
vale dos, el bucle se para.
Entonces viene el posible problema: Cualquier click hace que se ejecute editarImagen(i)
, pero i
vale 2 para todos los elementos si se ha declarado como var
o si es una variable global
(no declarada):
for (var i=0;i<4;i++) {
$('#b'+i).click(function() {
console.log('La variable i vale ' +i);
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="b0">Click</button>
<button id="b1">Click</button>
<button id="b2">Click</button>
<button id="b3">Click</button>
Este problema se soluciona usando let
para declarar la variable, porque para cada iteración se crea de nuevo y, por tanto, para cada llamada a la función editarImagen
, tendrías una variable con valor distinto.
for (let i=0;i<4;i++) {
$('#b'+i).click(function() {
console.log('La variable i vale ' +i);
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="b0">Click</button>
<button id="b1">Click</button>
<button id="b2">Click</button>
<button id="b3">Click</button>