Как удалить предыдущий класс?

Question

[Rebldomakr]

Вот у меня есть две кнопки и один блок чёрного цвета, при нажатии на первую кнопку прописывается к блоку класс и она становится жёлтого цвета(Блок). Но, когда я нажимаю на вторую кнопку, в этот блок добавляется ещё один класс. Так вот, я хочу чтобы при нажатии удалился предыдущий класс

Answer 1

[Ростислав Игнатенко]

Перед addClass используйте removeClass.

Comments

[Rebldomakr]

А если там 20 кнопок, то каша будет. А по другому никак?

[Ростислав Игнатенко]

Rebldomakr, Я вас не пойму, от чего каша? Вы добавляете и удаляете классы одной строкой.

[Rebldomakr]

Ростислав Игнатенко,

вот тут перед каждой надо ?

[Ростислав Игнатенко]

Rebldomakr, В таком случае создайте отдельную функцию, которая будет удалять классы для необходимых элементов, и будет вызываться каждый раз в начале ваших функций, представленных на скрине.

[Rebldomakr]

Ростислав Игнатенко, Хорошо, сейчас попробую. Спасибо

Answer 2

[Михаил Макаров]

(function() {
    var currentClass = null;

    $('input[type=button]').click(function() {
        var targetClass = $(this).attr('data-class');

        if (currentClass) {
            $('#block').removeClass(currentClass);
            currentClass = null;
        }

        $('#block').addClass(currentClass = targetClass);
    });
})();

Comments

[Rebldomakr]

Спасибо большое