scrollspyリンクからクラスを削除する

Question

アクティブなクラスをこのリンクから削除して、active2をjQueryを使用して置き換えるにはどうすればよいですか？

<li class="contact active"><a href="#contact" class="contact">Contact</a></li> 

アクティブ除去{背景色：黒;}

を

active2 {背景色：赤;}置き換える

Answer 1

使用switchClassました：

$("li.contact").switchClass("active", "active2"); 

詳細については、switchClassのthisリンクを参照してください。

Answer 2

ここでは、ソリューション

で行く新しいクラスに

$('li.contact').addClass('active2'); 

を追加

$('li.contact').removeClass('active'); 

古いクラスを削除するあなたはjQueryの連鎖機能を使用して、単一のステートメントでそれを行うことができます

$('li.contact') 
    .removeClass('active') 
    .addClass('active2'); 

Demo

$('li.contact').hover(function(){ 
 
    $(this).removeClass('active').addClass('active2'); 
 
}, function(){ 
 
    $(this).removeClass('active2').addClass('active'); 
 
});

.active {background-color: black;} 
 
.active2 {background-color: red;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li class="contact active"><a href="#contact" class="contact">Contact</a></li>

これはあなたを助けることを願っています。