jquery根据迭代索引将类添加到元素

Question

$('.entry h2').each(function(i){
    $(this).addClass(i); 
});

为什么不起作用？它应该为每个h2添加一个值为i的类。

Answer 1

跟随CSS specifications：

在CSS中，标识符（包括选择器中的元素名称，类和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0及更高版本，以及连字符（-）和下划线（_）;它们不能以数字，两个连字符或连字符后跟数字开头。标识符还可以包含转义字符和任何ISO 10646字符作为数字代码（请参阅下一项）。例如，标识符“ B＆W？”可以写成“ B \＆W \？”或“ B \ 26 W \ 3F”。

因此，基本上，您不应该将数字用作类。也许您可以将类名与可以为其赋予上下文和样式的内容连接起来：

$('.entry h2').each(function(i){
    $(this).addClass('header-' + i); 
});