javascript - 使用jquery事件委托(delegate)时如何获取最后一个事件

Question

This is my jsfiddle 。当我单击 anothermenu 链接时，我想删除之前 selected 的 css 类。我尝试过以下 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');
});

Updated fiddle