Jquery removeClass 没有任何作用

Question

示例代码和示例为here .

$("#menus > li > ul > li > a").click(function(){
    $(this).toggleClass("selected").siblings().removeClass("selected");

但是单击并选择背景可以工作，其他单击多项选择不能删除不能工作...请帮助和解决方案...

Answer 1

您已将点击处理程序注册到 a 元素，但它没有同级元素。您需要转到父 li 元素找到其同级元素，然后向下钻取到这些同级元素内的 a 元素

你需要

$("#menus > li > ul > li > a").click(function(){
    $(this).toggleClass("selected").parent().siblings().find('a').removeClass("selected");
});

演示:Fiddle

它又存在一个错误，如果您在两种类型之间导航，请尝试

$("#menus > li > ul > li > a").click(function(){
    $('#menus a.selected').removeClass("selected");
    $(this).toggleClass("selected");
});

演示:Fiddle