Hola a todos
como se puede seleccionar los atributos que contengan data
<li data-ejm="">
....
<li data-ejm="seleccionado">
....
<li data-ejm="">
gracias
Recibe ayuda de expertos
Es gratis y fácil
Respuestas, votos y comentarios
Recibe puntos, vota y da la solución
Hola a todos
como se puede seleccionar los atributos que contengan data
<li data-ejm="">
....
<li data-ejm="seleccionado">
....
<li data-ejm="">
gracias
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!