我们如何添加类似下面的代码

Question

我们如何添加类似下面的代码

<ul>
<li class="one">one</li>
<li class="two">one</li>
<li class="three">one</li>
</ul>

Answer 1

<强> JS

$("li").each(function(i) {
    $(this).addClass("0" + (i+1));
});

<强> CSS

ul.class{margin:0;padding:0;}
ul.class li{
    margin:0.3em;
}
ul.class li:nth-child(1){
    background-color:#fff;
}
ul.class li:nth-child(2){
    background-color:#ccc;
}
ul.class li:nth-child(3){
    background-color:#666;
}
ul.class li:nth-child(4){
    background-color:#999;
}

Answer 2

如果我没错，我认为可能是这样：

$("li").each(function(idx){
     $(this).addClass(idx));
});