классы переключения для дочернего элемента

Question

$('.toggle').addClass('change_button').removeClass('toggle'); 
$(this).removeClass('change_button').addClass('toggle'); 

В первом комментарии я предоставил демо полный код ниже.
у меня есть 2 набора кнопок

первый набор
1.Lite
2.Medium
3.Heavy

Демо: Fiddle

второй комплект
1.Да
2.No

, что Я хочу, чтобы эти наборы должны были действовать как переключатели, такие как демонстрация, приведенная ниже в первом комментарии.
вместо переключателей у меня есть кнопки кнопок блока и когда кнопка выбран я хочу, чтобы изменить bagraund Color

Answer 1

Попробуйте это: -

Demo

$('.change_button.toggle',$(this).closest('div')).removeClass('toggle'); 
    $(this).addClass('toggle'); 

}); 

Объяснение: -

$('.change_button.toggle',$(this).closest('div')).removeClass('toggle'); 

Этот оператор выбирает элементы с .change_button и .toggle класс, который находится в родительском div элемента с щелчком и удаляет его toggle класс.

$(this).addClass('toggle'); 

Добавляет класс к выбранному элементу.