Как добавлять/удалять классы у блока при клике на кнопку?

Question

[timtimIT]

Здравствуйте.

Есть код .

На данный момент, при клике на кнопку, блоку добавляется класс кнопки на которую мы кликнули, в результате эти классы просто накапливаются в блоке, как сделать чтобы классы удалялись, то есть при клике на кнопку добавляется ее класс блоку, при следующем клике класс который был добавлен должен удалиться и добавиться класс от новой кнопки(на которую кликнули) ?

Answer 1

[yakalashnikov]

Перед каждым добавлением очищать все классы для этого блока, а затем уже добавлять новый класс:

$('#block-id').removeClass().addClass('new-class-from-btn');

Comments

[timtimIT]

ясно. а если нужно использовать класс блок, то есть без использования id?

[yakalashnikov]

тогда $('.class-name').removeClass().addClass('new-class-from-btn');
Гляньте работу с селекторами в jQuery

[timtimIT]

если делать $('.class-name').removeClass().addClass('new-class-from-btn') то удалится класс блок, а он не должен удаляться , но пример должен работать именно с классом... вы заходили на codepen?

[yakalashnikov]

$('.class-name').removeClass().addClass('class-name').addClass('new-class-from-btn')

[timtimIT]

$('.class-name').removeClass().addClass('class-name').addClass('new-class-from-btn') точно, спасибо.

[yakalashnikov]

timtimIT: пожалуйста.