Foros del Web » Programando para Internet » Jquery »

problema al añadir clase css dentro de un bucle.

Estas en el tema de problema al añadir clase css dentro de un bucle. en el foro de Jquery en Foros del Web. Que tal compañeros buenas tardes. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original for ( var i = global_cell_clicked ; i <= unique_number ; i ++ ...
  #1 (permalink)  
Antiguo 10/11/2014, 21:10
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 16 años, 7 meses
Puntos: 188
problema al añadir clase css dentro de un bucle.

Que tal compañeros buenas tardes.

Código Javascript:
Ver original
  1. for ( var i = global_cell_clicked; i <= unique_number; i++ ) {
  2.                         $(this).find("[data-cell-unique-number='" + i + "']").addClass( "cell-hover" );
  3.                         console.log(i);
  4.                     }

Estoy intentado añadir la clase cell-hover utilizando un ciclo for, pero está clase solo me la añade al último elemento, el que corresponde con data-cell-unique-number = unique_number

Espero me puedan ayudar, gracias
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #2 (permalink)  
Antiguo 10/11/2014, 21:30
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: problema al añadir clase css dentro de un bucle.

Necesitas clausurar el valor del contador para que se tome a cada elemento equivalente al valor del contador en cada iteración y no al último valor que tome.

Código Javascript:
Ver original
  1. for (var i = global_cell_clicked; i <= unique_number; i++) {
  2.     (function(j){
  3.         $(this).find("[data-cell-unique-number='" + j + "']").addClass( "cell-hover" );
  4.     })(i);
  5. }

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: clase, css, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:28.