选择同级按钮时取消选择（从中删除类）其他按钮答案

【问题标题】：Deselect (remove class from) other buttons when sibling button is selected选择同级按钮时取消选择（从中删除类）其他按钮
【发布时间】：2023-03-30 02:22:01
【问题描述】：

如何在 jQuery 中获得外部点击和正常字体？当我单击一个元素时，它应该是粗体，直到我单击另一个文本元素。单击任何元素时，其余元素不应同时显示为粗体。如何在 Javascript 函数中执行此操作？

我正在使用的代码-

$('.muon-no-submenu ').click(function () {
        $(this).addClass("muon_click");
    });

类-

.muon-no-submenu
{
font-weight:bold;
}

即使我单击另一个选项卡，粗体文本仍然存在。

【问题讨论】：

标签： jquery html css click jquery-events

【解决方案1】：

结构的 HTML 会很有帮助。即便如此，我想我明白你想要什么..

从已经（可能）添加的类中删除该类，然后将其添加到被单击的类。假设你所有的标签都有 .muon-no-submenu 类：

$('.muon-no-submenu ').click(function () {
    $('.muon-no-submenu ').removeClass("muon_click");
    $(this).addClass("muon_click");
});

这里有一个有点相关的JSFiddle

【讨论】：