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 ループを使用すると簡単に実行できると思いますが、これについてはわかりません。誰でもこれについて私を助けてもらえますか?

score 5 · Accepted Answer

関数を引数としてとるaddClass()バリアントを試してください

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

score 1 · Accepted Answer

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

2 に答える 2