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

【问题标题】：How to get the last event when use jquery event delegate使用jquery事件委托时如何获取最后一个事件
【发布时间】：2015-01-13 13:21:43
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript jquery html delegates

【解决方案1】：

逻辑很好。你真正能做的就是通过使用siblings()而不是创建一个新的选择器来删除selected类，使它成为一个单行：

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

Updated fiddle

【讨论】：

我已经尝试过兄弟姐妹。但它有问题。当我点击anothermenu 时，menu or menu1 or menu2 上的 css 类将不会被删除。