javascript - 添加和删​​除类onClick操作

 <button class="fbutton btn pull-right filterevents " id="one" >School Events</button>
  <button class="fbutton btn pull-right filterevents" id="two" >Zone Events</button>
  <button class="fbutton btn pull-right filterevents" id="three" >My Events</button>

我需要将类“选定”添加到特定的按钮onClick。

我的代码是

$("#one").click(function(e) {
                $(this).addClass("fcurrent");
                $("#two").removeClass("fcurrent");
                 $("#three").removeClass("fcurrent");
   });

如果我使用id代替class来进行以下操作，

$(".fbutton").click(function(e) {
                    $(this).addClass("fcurrent");
       });

然后如何将当前类删除到另外两个按钮

最佳答案

试试这个。

$(".fbutton").click(function (e) {
$(this).addClass("fcurrent").siblings().removeClass("fcurrent");
});

DEMO