jQuery：使用多个按钮更改一个类答案

【问题标题】：jQuery: Changing one class with multiple buttonsjQuery：使用多个按钮更改一个类
【发布时间】：2016-07-22 07:51:20
【问题描述】：

我只是尝试使用多个按钮更改 div 上的背景颜色，到目前为止我提出的代码有效，但只是继续向 .eaStaff 容器 div 添加更多类而不是切换它们，我最初尝试过使用 .attr 但我需要保留 .eaStaff 类，使用 .attr 删除/替换该类。

FIDDLE

//BG COLOUR
$('.bg a').click(function (e) {
    e.preventDefault();
    console.log('dd', $(this).data('class'))
    $('.eaStaff').toggleClass($(this).data('class'));
});

【问题讨论】：

标签： jquery

【解决方案1】：

Toggle 类可以删除或添加特定类到元素，它不会清除其他类。相反，您可以在添加该类之前删除其他类。

$('.eaStaff').removeClass('transBG darkBg lightBg');
$('.eaStaff').addClass($(this).data('class'));

https://jsfiddle.net/p34r7m87/5/

【讨论】：

没问题，如果这完全回答了您的问题，请将其标记为答案，谢谢。