更改列表元素的活动类

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/