Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/08/2013, 12:05
Avatar de Adbane
Adbane
 
Fecha de Ingreso: junio-2011
Mensajes: 86
Antigüedad: 12 años, 10 meses
Puntos: 6
Pregunta Obtener valor e imprimir en cada elemento distinto pero con mismo class

Hola amigos, tengo una duda que me gustaría que me ayudarais a resolver.

Mediante un atributo "data-" le asigno a un elemento un número, después con jQuery recojo el valor de este atributo y se lo imprimo como width. Esto más que nada lo hago así porque tendré muchos elementos así y cada uno tendrá medidas diferentes.

Todos comparten el mismo class, y el modo de obtener el valor del atributo es buscando este class, el problema ocurre que jQuery solo se queda con el primero que encuentre y se lo aplica a todos. Para aclararlo un poco mejor:

Código Javascript:
Ver original
  1. var dataWidth = $(".statistics-bar").attr("data-width");
  2. $(".statistics-bar").css("width",dataWidth);

La idea de lo que quiero hacer es sencilla, obtener el valor del atributo de cada elemento (pues cada uno tiene un valor distinto) y luego aplicarselo a cada elemento correspondiente, ese código que yo he hecho solo recoge el valor del primero y se lo aplica a todos.
Esto quiero hacerlo así para ahorrarme lineas de código, clases y estilos, ya que serán muchos los elementos que tendré de este tipo.

¿Alguien puede ayudarme? ¡Gracias de antemano!
__________________
Diseñador web por amor al arte, o al HTML mejor dicho