将带有数字的类添加到每个 li 元素，jquery答案

【问题标题】：Add class with numbers to each li elements, jquery将带有数字的类添加到每个 li 元素，jquery
【发布时间】：2014-07-14 07:04:36
【问题描述】：

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

这是我的代码示例：

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

$(this).addClass(i);

});

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

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

谢谢！

【问题讨论】：

【解决方案1】：

改为$(this).addClass(i); 尝试使用$(this).addClass(i.toString());

但是，使用数字作为类名会给你带来麻烦……我只是演示了如何使用 jQuery 来做到这一点。

【讨论】：

【解决方案2】：

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

您可以使用以下 hack 来添加类号，但不能为此类名称设置 css：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

$('li').each(function(i) {
  $(this).addClass('class_name_'+i);
  i++;
});

【讨论】：