javascript - 更改列表元素的事件类

Question

我正在尝试更改单击的列表项的“事件”类，但我遗漏了一些东西。这是我的 HTML 和 jquery 的样子:

HTML

<ul class="additional-menu">
    <li class="active"><a href="link1"> Link1</a></li>
    <li><a href="javascript:void(0)" id="link2">Link2</a></li>
    <li><a href="javascript:void(0)" id="link3">Link3</a></li>
</ul>  

jQuery

$("#link2").click(function(){

    if ($(this).find('#additional-menu li').hasClass('active')) {
        //console.log("Active class seen");
        $(this).find('#additional-menu li').removeClass('active');
        $(this).addClass('active');
    }
});

知道我错过了什么吗？此时我什至没有检测到事件类...

Answer 1

您可以将代码最小化为

$('.additional-menu').on('click','li', function(){
   $(this).addClass('active').siblings().removeClass('active');
});

演示在 http://jsfiddle.net/DvHBp/