Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/01/2016, 05:03
andykofman
 
Fecha de Ingreso: marzo-2008
Mensajes: 43
Antigüedad: 16 años, 10 meses
Puntos: 0
asiganar clases distintas con array

hola, he creado unos elementos dinamicamente que son unos <li> con enlaces,
pero me gustaria asigar una clase diferente a cada uno de esos <li> generado y no se la verdad. si el primer li tiene la clase "clase1" que el seguno li tenga la clase "clase2"
y asi sucesivamente, les pongo el codigo abajo

$( document ).ready(function() {
var todasul = document.getElementsByTagName('ul');
var ul0 = todasul[0];
var ul01 = todasul[1];
//variable donde se pasan el numero de enlaces
//que se van a crear
var dinamic_a=5;
var dinamic_li=1;
//variable por defecto de li

//creacion dinamica <li> de bandejas
for (var i=0; i< dinamic_li; i++){
var creacionli= document.createElement("li");

creacionli.setAttribute('class','detclass');
var creaciondiv=document.createElement("div");
creacionli.appendChild(creaciondiv);
var nodoh5=document.createElement("h5");
nodoh5.setAttribute('class','dual-tray-header');
var textoh5= document.createTextNode("0");
nodoh5.appendChild(textoh5);
creacionli.insertBefore(nodoh5,creaciondiv);

for(var ic=0; ic< dinamic_a; ic++)
{
var creaciona=document.createElement("a");
creaciona.setAttribute('class','dual-tray-row');
var texto_a= document.createTextNode("Enlace 0 bloque 1");
creaciona.appendChild(texto_a);
creaciondiv.appendChild(creaciona);
}
ul0.appendChild(creacionli);

}