2015/02/19

【jQuery】eachを使ってliに番号付きclassを追加する

【jQuery】eachを使ってliに番号付きclassを追加する

liタグの数だけ繰り返します。

$i=0;
$("#ranking ul li").each(function() {
    $i++;
     $(this).addClass("rank"+$i);
});

実行結果

<div id="ranking">
	<ul>
		<li class="rank1">1位の記事</li>
		<li class="rank2">2位の記事</li>
		<li class="rank3">3位の記事</li>
		<li class="rank4">4位の記事</li>
		<li class="rank5">5位の記事</li>
	</ul>
</div>

※DEMOページは後日!

Related Posts関連記事