Skip to main content
se añadió 1 carácter en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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

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

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>

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>

Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

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

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>