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');
});