jquery - 通过循环以不同方式添加列表类

Question

我有以下html...

<div id="banner">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul> 
</div>

并应用了以下jquery：

$('#banner li:nth-child(1)').addClass('li1');
$('#banner li:nth-child(2)').addClass('li2');
$('#banner li:nth-child(3)').addClass('li3');

但我认为这可以像使用 for 循环一样轻松完成，但对此一无所知。有人可以帮我吗？

Answer 1

尝试将函数作为参数的addClass()变体

$('#banner li').addClass(function(idx){
    return 'li' + (idx + 1)
})

演示：小提琴

Answer 2

。每个（）

.addclass()

$('#banner li').each(function(i){
    $(this).addClass('li'+parseInt(++i));
});

演示