Question

$（）。addClass到<li>

中的<ul>个标签

示例：

<ul>
    <li class="1"></li>
    <li class="2"></li>
    <li class="3"></li>
    <li class="4"></li>
    <li class="5"></li>
</ul>

Answer 1

$('ul > li').each(function(i) {
    $(this).addClass((i + 1).toString());
});

或

$('ul > li').addClass(function(i) {
    return (i + 1).toString();
});

Answer 2

最好的方法是使用addClass的回调参数：

$('li').addClass(function(i) {
    return i + 1;
});

为选择中的每个元素运行一次所提供的函数。第一个参数是选择中元素的从0开始的索引（第二个是旧的类值，但这在这里并不重要）。返回值将添加到元素的当前类中。

Answer 3

$('ul > li').each(function(i) {
    $(this).addClass(i + 1);
});

Answer 4

不知道是否有其他人甚至使用函数回调测试了他们的答案，导致他们中的任何一个至少无法在我的Chrome / FF4上运行。您需要将整数转换为字符串。

$('ul > li').addClass(function(i) {
    return (i+1).toString();
});