jquery - 选择同级按钮时，取消选择其他按钮(从中删除类)

Question

如何在 jQuery 中获得外部点击和正常字体？当我单击一个元素时，它应该为粗体，直到我单击另一个文本元素。单击任何元素时，其余元素不应同时显示为粗体。我怎样才能在 Javascript 函数中做到这一点？

我正在使用的代码-

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

类别-

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

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

Answer 1

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

从已经(可能)添加的类中删除该类，然后将其添加到正在单击的类中。假设您的所有选项卡都有类 .muon-no-submenu:

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

这是一个有点相关的 JSFiddle