jquery 添加动态序列号

<ul class="index-col-list" id="order">
<li class="item" ><i></i><a href=""> 中国社会科学网：多路径促进中中国社会科学网：多路径促进中</a><span class="item-time">04/28</span></li>
<li class="item" ><i ></i><a href=""> 中新网湖北：华中师大密切与印尼与印尼</a><span class="item-time">04/02</span></li>
</ul>

var bgc=$("#order li i");
for (var i = 0; i < bgc.length; i++) {
var num=bgc.eq(i).html(i+1).css("background","#d9d9d8");//添加序号及背景色
//给前三个增加背景色
bgc.eq(0).css("background","#e61005");
bgc.eq(1).css("background","#fd7e02");
bgc.eq(2).css("background","#fcc400");
//小于10前面补0
var numb=num.text();
if(numb<10){
bgc.eq(i).html("0"+ numb )
}
}