javascript - 单击链接时将类添加到 <li>

Question

这是我的菜单的 html:

<ul class="nav">
    <li><a href="#a" class="active">A</a></li>
    <li><a href="#b" >B</a></li>
    <li><a href="#c" >C</a></li>
    <li><a href="#d" >D</a></li>
</ul>

我想要的是，在我点击菜单中的一个链接后，事件类将被添加到被点击的 <li> 中。 .

提前致谢

Answer 1

使用jquery

    $("li a").click(function() {
    $('li a').not(this).removeClass('active');
    $(this).toggleClass('active');
    });

DEMO Updated