我們如何添加類，如下面的代碼

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