如何在使用jquery event delegate時獲取最後一個事件

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'); 
}); 

Updated fiddle