各クラスにループ番号を追加する

Question

クラスに番号を追加しようとしています。hand。彼らのそれぞれは、ページの下に行くほど数字が1つ増えることを想定しています。私はFORループでこれを行うことができると思ったが、私は方法がわからない！

これは、これまで私が持っているコードですが、私はFORループの間に置くために何を知らない：

$(".hand").each(function(){ 
     var i = 0; 
     for (i=0;i<=20;i++){ 

     } 
}); 

任意のアイデア？

編集：

HTML Exampe：

<div class="hand effect"><br> 
    <div class="outer"> 
    <a href="" class="title">Text</a> 
    <span class="inner"> 
    Text More Text. 
    </span> 
</div> 
</div> 

Answer 1

$.eachあなたのためのインデックスを提供します。

$(".hand").each(function(index,element){ 
    $(this).append('<span class="index">' + (++index) + '</span>'); // example of appending a span tag to them 
}); 

次に、あなたはあなたが最終的な結果になりたいものの例を与えることができるクラスindex