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

Question

[Иван Симонов]

Здравствуйте
Не получается удалить класс, который добавляется к блокам
т.е
кликаем по первой кнопке - добавили класс .theme-royalblue
кликаем по второй - добавляем новый класс и удаляем предыдущий
На данный момент не получается удалить предыдущий класс
Мой код - fiddle

Answer 1

[0xD34F]

Можно удалять все возможные классы:

const classes = $buttons.get().map(n => n.dataset.set);

$buttons.click(function() {
  $('.current').removeClass('current');
  $(this).addClass('current');

  $blocks.removeClass(classes.join(' ')).addClass(this.dataset.set);
});

Или запоминать последний добавленный:

let currentClass = null;

$buttons.click(function() {
  $('.current').removeClass('current');
  $(this).addClass('current');

  const newClass = this.dataset.set;
  $blocks.removeClass(currentClass).addClass(newClass);
  currentClass = newClass;
});

Comments

[Иван Симонов]

Благодарю за ответ, а можете объянить, как это работает?

[0xD34F]

Иван Симонов, конкретизируйте вопрос - что именно вам непонятно?

Есть кнопки, у каждой атрибут - имя класса. Собираем эти классы в массив, при клике по кнопке - склеиваем массив в строку, строку передаём в removeClass. Всё довольно просто.