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