Как настроить каждый клик по кнопке?

Question

[Aladdin]

Нужно на jquery написать программу, которая по каждому клику меняла css стиль у класса или id (туда и обратно).
Я не умею хорошо объяснять, поэтому еще раз, при клике на кнопку должен меняться стиль(всего 3), и при последующих кликах они должны идти по очереди. Первый клик—первый стиль, второй клик—второй стиль, третий клик—третий стиль, четвертый клик—первый стиль и.т.д.

Answer 1

[Дмитрий Беляев]

(function($){
  var $target = $('селектор того у кого меняем');
  var clickCount = 0;
  var rules = [
    function() { $target.removeClass('class3'); $target.addClass('class1'); },
    function() { $target.removeClass('class1'); $target.addClass('class2'); },
    function() { $target.removeClass('class2'); $target.addClass('class3'); }
  ];
  $('селектор кнопки').on('click', function() {
    rules[clickCount++ % rules.length]();
  });
})(jQuery);

Comments

[Aladdin]

Спасибо за помощь, но я новичок в js, а тем более jquery, и не понимаю как это работает

Answer 2

[Виталий]

$(function() {
    var classes = ['class_1','class_2','class_3']
    var count = 0;
    $('#idClick').on('click', function(e){
        e.preventDefault();
        $(this).attr('class',classes[count]);
        count++;
        if(count == classes.length){
            count = 0
        }
    });
});

classes - массив с названием классов
idClick - ID кнопки

Comments

[Aladdin]

Спасибо за помощь, но я новичок в js, а тем более jquery, и не понимаю как это работает

[Виталий]

Mr. Tabrest: тогда нужно сначала курс по JS посмотреть / пройти / почитать ... иначе это иглоукалывание, вместо знаний который будут нужны, если хотите за это деньги получать

[Aladdin]

Виталий: уже начал изучать, пытаюсь разобраться в структуре