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ページは後日!