从scrollspy链接中删除类

Question

如何删除此链接上的有效类，并使用jQuery将其替换为 active2 ？

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

删除

有效{background-color：black;}

替换

active2 {background-color：red;}

Answer 1

使用switchClass：

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

有关详细信息，请参阅switchClass上的this链接。

Answer 2

您可以使用解决方案

删除旧班级

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

添加新课程

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

您可以使用jQuery链接功能

在单个语句中执行此操作

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

Demo

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

希望这会对你有所帮助。