Javascript 单击“将类添加到具有特定类的元素”并将其从具有相同类的所有其他元素中删除

基本上，我试图弄明白以下几点，我有几个元素

<a href="#" clas="v-bar"></a>
<a href="#" clas="v-bar"></a>
<a href="#" clas="v-bar"></a>
<a href="#" clas="v-bar"></a>
<a href="#" clas="v-bar"></a>

我需要弄清楚如何在单击某个元素时将类添加到该元素，例如添加

.v-current

，但同时将其从类为

.v-bar

的所有其他元素中删除？所有这些都使用jQuery

$('.v-bar').click(function(e){
    $('.v-bar').removeClass('v-current');
    $(this).addClass('v-current');
    e.preventDefault();
});

$('.v-bar').click(function(){
    $('.v-current').removeClass('v-current');
    $(this).addClass('v-current');
});