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

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

演示:小提琴