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

Question

基本上我想弄清楚以下我有几个元素，比如

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

我需要弄清楚如何在单击元素时将类添加到元素中，例如 add .v-current，但同时将其从具有.v-bar?类的所有其他元素中删除 全部使用 jQuery。

Answer 1

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

Answer 2

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