Как добавить класс к div?

Question

[1programmer]

Привет всем.

Есть html
<div class="wc-progress2">
            <span class="wc-progress2-itm wc-progress2-start-first-off">
              <span class="wc-progress2-here"></span>
            </span>
            <span class="wc-progress2-itm wc-progress2-2-off"></span>
            <span class="wc-progress2-itm wc-progress2-1-off"></span>
            <span class="wc-progress2-itm wc-progress2-2-off"></span>
            <span class="wc-progress2-itm wc-progress2-1-off"></span>
            <span class="wc-progress2-itm wc-progress2-2-off"></span>
            <span class="wc-progress2-itm wc-progress2-1-off"></span>
            <span class="wc-progress2-itm wc-progress2-2-off"></span>
            <span class="wc-progress2-itm wc-progress2-1-off"></span>
            <span class="wc-progress2-itm wc-progress2-end"></span>
            <span class="wc-progress2-end-gradient"></span>
          </div>

Нужно что бы по очереди, при нажатии на кнопку off менялось на on, то есть у меня 9 иконок и при нажатии на кнопку в первый раз, первая иконка меняется, второй - вторая и т.д

Comments

[Andrew]

как оно должно выглядеть?
куда нажимать? Вижу div и span'ы, кнопок не вижу.
Вы имеет в виду, что нужно считать какой раз вы нажали на кнопку и исходя из этого - искать нужный span с классом "...-off" и добавлять ему on?

Answer 1

[ISE73]

Используй силу, джедай:
https://api.jquery.com/addclass/

Comments

[1programmer]

Да я понимаю как добавить, не понимаю как что бы он по очереди к каждому добавлял.

[ISE73]

Там даже пример есть:
$( "ul li" ).addClass(function( index ) {
return "item-" + index;
});