使用jquery事件委托时如何获取最后一个事件

Question

This is my jsfiddle。当我点击anothermenu链接时，我想删除之前的css类selected。我尝试了以下jQuery代码

$(function(){
    $("#menuBar").on("click", "a", function() {
        $(".menu").children().removeClass("selected");
        $(this).parent().addClass("selected");
    });
})  

它可以解决我的问题。但我觉得很难看。任何有一些整洁的解决方案？

Answer 1

逻辑很好。你真正能做的就是通过siblings()使用selected而不是为删除$("#menuBar").on("click", "a", function () { $(this).parent().addClass("selected").siblings().removeClass('selected'); }); 类创建一个新的选择器来使其成为单行：

{{1}}

Updated fiddle