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 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.

<!-- 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 -->