liに連番のidを振る方法(for文)-サンプルページ-

$(function() {
var h=document.getElementById("hoge");
var l=h.getElementsByTagName("li");
for (var i=0;i<l.length;i++){
    l[i].setAttribute("id","hoga"+(i+1));
}
});
#hoga1 {
    color:#ff0000; //red
}
#hoga2 {
    color:#666666; //gray
}
#hoga3 {
    color:#ff6600; //orange
}
  1. ほげ1
  2. ほげ2
  3. ほげ3