javascript - 以下のコードのようなクラスを追加する方法

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));
});