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): <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> for (var i=0;i<4;i++) { $('#b'+i).click(function() { console.log('La variable i vale ' +i); }); } <!-- language: lang-html --> <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> <!-- end snippet --> Este problema se soluciona usando `let` para declarar la variable, porque para cad iteración se crea de nuevo y, por tanto, para cada llamada a la función `editarImagen`, tendrías una variable con valor distinto. <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> for (let i=0;i<4;i++) { $('#b'+i).click(function() { console.log('La variable i vale ' +i); }); } <!-- language: lang-html --> <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> <!-- end snippet -->