使用jQuery在菜单活动状态之间切换

我有以下jQuery代码：

    $("ul.menu li a").click(function() {
      $("ul.menu li a").removeClass("currentMenu");
      $(this).addClass("currentMenu");
    });

在页面启动时，我的“主页”菜单按钮被设置为“当前菜单”，其基本上具有设置为橙色的颜色背景

---

我试图实现的是，如果我点击设置为“currentMenu”的现有“Home”按钮，我实际上想删除这个类，因此“Home”按钮不再具有橙色背景色，反之亦然，当“Home”按钮未设置时，然后设置为“currentMenu”类。

类似的操作可能会起作用：

$("ul.menu li a").click(function() {

  if ($(this).is(".currentMenu")) {
    $(this).removeClass("currentMenu");
  } else {
    $(this).addClass("currentMenu");
  }

  $("ul.menu li a").not(this).removeClass("currentMenu");
});

您可以使用过滤掉当前元素，如下所示：

$("ul.menu li a").click(function() {
  $("ul.menu li a").not(this).removeClass("currentMenu");
  $(this).toggleClass("currentMenu");
});

，这只是将单击的锚点从集合中筛选出来，这样它就不会受到then does的影响，而不是提供您想要的开关效果