添加带有数字的类到每个li元素jquery

Question

为每个li元素添加带有数字的类，jquery。

以下是我的代码示例：

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

$(this).addClass(i);

});

有一种方法可以只用数字添加类，我知道我能够以这种方式添加类$(this).addClass('something'+i);但是我只想要这样的数字：

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

谢谢！

Answer 1

而不是$(this).addClass(i);尝试使用$(this).addClass(i.toString());

但是，将数字作为类名会让你遇到麻烦......我只是演示了如何使用jQuery做到这一点。

Answer 2

Classname必须以字母开头。作为类名的数字在CSS语法中是非法的。

<强> See this

你可以使用下面的hack来添加类号，但你不能为这些类名设置css：

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

<强> Demo

Answer 3

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