javascript - 删除类和点击另一个写类的js或css怎么写

Question

<nav class="mynav">
    <ul id="mynavigation">
        <li><a class="active" href="#hm">Main</a></li> /* Active Class */
        <li><a href="#pj">Projects</a></li>
        <li><a href="#port">Port</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</nav>

如何为...编写css或js

如果您单击元素(标记 a)，那么代码应该像这样工作

<nav class="mynav">
    <ul id="mynavigation">
        <li><a class="" href="#hm">Main</a></li>
        <li><a class="active" href="#pj">Projects</a></li>  /* Active Class */
        <li><a href="#port">Port</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</nav>

步骤
1.删​​除id='mynavigation'中的class='active'
2.在有人点击id='mynavigation'的标签a中加上cla​​ss='active'

Answer 1

使用 jQuery 的 removeClass 和 addClass 方法

$('#mynavigation li a').click(function(){
  $('#mynavigation li a').removeClass('active');
  $(this).addClass('active')
});