Asign Id's dynamically to DOM elements with javascript.
- by jnkrois
Hello everybody,
I just have a quick question about how to generate id's on-the-fly for HTML elements.
So far I've tried a few things, I started with a "for" loop, I already know how many elements I have to generate Id's for, in this case I have an "ul" with 6 "li".
My "for" loop is as follows:
var items = $("ul li").length;
for(var i = 0; i <= items; i++){
$("ul li").attr("id", "number" + i);
}
"number" would be the new id concatenated with "i", so I get a different Id for each "li".
As you can probably tell, this does not work, because I end up with the same Id for each "li":
in this case I get <li id="number6">... </li> for all the "li" elments in the "ul".
I tried a "while" loop and ".each()" with jQuery but I get the exact same thing.
Any help would be appreciated.
