Добавление зацикленного номера к каждому классу

#javascript #jquery #class #variables #for-loop

#javascript #jquery #класс #переменные #for-цикл

Вопрос:

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

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

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

         }
});
  

Есть идеи?

Редактировать:

Пример HTML:

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

Комментарии:

1. Не могли бы вы привести пример того, каким вы хотите видеть конечный результат?

Ответ №1:

$.each предоставляет вам индекс.

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

Затем вы можете оформить каждый из тегов span с помощью класса index

Комментарии:

1. Могу ли я спросить, почему вы используете этот подход в первую очередь? Вероятно, есть лучший способ сделать то, что вы хотите сделать

2. Нет, у меня есть примерно 26 элементов с классом под названием: Hand. И в правом верхнем углу я хочу, чтобы каждый из элементов был пронумерован. Например: Первое поле на странице — имеет номер 0, второе поле на странице — имеет номер 1 …. и так далее….

3. Что это за элементы? Можете ли вы опубликовать какой-нибудь пример HTML?

4. Посмотрите на мою правку, я добавил несколько примеров кода, который добавляет тег span к элементу, который содержит индекс.

5. Это работает, но я на самом деле не хочу 0. ВОТ почему я хочу использовать цикл.