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