添加數字到每個li元素，jquery

Question

添加數字到每個li元素，jquery的類。

這裏是我的代碼示例：

$('li').each(function(i) { 

$(this).addClass(i); 

}); 

有一種方法來添加類只用數字，我知道我能夠用這種方式$(this).addClass('something'+i);添加類，而是我想只有如下數字：

<li class='1'></li> 

謝謝！

Answer 1

相反OD $(this).addClass(i);嘗試使用$(this).addClass(i.toString());

但是，將數字作爲類名會讓你陷入麻煩......我只是演示瞭如何用jQuery來做到這一點。

Answer 2

類名必須以字母開頭。作爲類名的數字在CSS語法中是非法的。

See this

您可以使用下面的黑客要添加的類別數量，但你不能爲這樣的類名的CSS：

$('li').each(function(i) { 
$(this).attr('class',i); 
}); 

Demo

Answer 3

$('li').each(function(i) { 
$(this).attr('class','section-'+i); 
i++; 
});