entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

4votos

seleccionar los atributos que contengan data?

Hola a todos
como se puede seleccionar los atributos que contengan data

<li data-ejm="">
....
<li data-ejm="seleccionado">
....
<li data-ejm="">

gracias

2 Respuestas

3votos

franklyn77 Puntos880

Hola

    $("#li").each(function( index ) {
   console.log( index + ": " + $( this ).data("ejm") );
    });

2votos

Leonardo-Tadei Puntos227320

Hola Karl,

en HTML5, los atributos data- son especiales y denotan datos personalizados a nivel semántico.

Esto significa que no tenés que preguntar por data- sino por lo que sigue a continuación, que es el nombre del dato personalizado.

Por ejemplo en JavaScript "vanilla" podés acceder a los valores con getAttribute();

elemento = getElementById("un_id");
var dato = elemento.getAttribute("data-ejm");
console.log(dato);

Acá hay unos enlaces que lo explican:
http://html5doctor.com/html5-custom-data-attributes/
http://www.sitepoint.com/use-html5-data-attributes/

Por otra parte, para acceder a todos los LI dentro de un UL podrías hacerlo con algo como:

for (var itemi=0;itemi<ul.childNodes.length;itemi++) {
  var item = ul.childNodes[itemi];
  if (item.nodeName == "LI") {
     // Acá podés leer el valor
  }
}

o obtener en un vector todos los LI del UL

misLI = document.getElementsById("miUL").getElementsByTagName("li");

y luego recorrer el vector.

Saludos!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta