Add and remove class onClick action

Question

 <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>

I need to add class "selected" to specific button onClick.

my code is

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

if i use instead of id to class like following ,

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

then how to remove the fcurrent class to another two buttons

Answer 1

Try this.

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

DEMO

Answer 2

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