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

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)
})

演示：Fiddle

Answer 2

.each()

.addclass()

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

DEMO