Foros del Web » Programando para Internet » Javascript »

Obtener valor e imprimir en cada elemento distinto pero con mismo class

Estas en el tema de Obtener valor e imprimir en cada elemento distinto pero con mismo class en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/08/2013, 12:05
Avatar de Adbane  
Fecha de Ingreso: junio-2011
Mensajes: 86
Antigüedad: 13 años, 4 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

Etiquetas: cada, class, distinto, elemento, jquery, valor
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 09:17.