Добавление зацикленного числа в каждый класс

Question

Я пытаюсь добавить число к классам hand. Предполагается, что у каждого из них будет число, которое будет увеличиваться на единицу по мере продвижения по странице. Я думал, что смогу сделать это с помощью цикла FOR, но я не знаю, как!

Это код, который у меня есть, но я не знаю, что поместить в цикл FOR:

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

         }
});

Есть идеи?

Edit:

HTML-пример:

<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

$. Каждый предоставляет индекс для вас.

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

Затем вы можете стилизовать каждый из тегов span, используя класс index