如何在 jQuery 下拉菜单中向父元素添加/删除 CSS 类

Question

我有这个小提琴：http://jsfiddle.net/tatygrassini/tZBXe/

具有 1 级深子菜单的水平下拉菜单。所有带有 :hover 样式的菜单链接。

一旦父点击，子菜单向下滑动，你悬停，子菜单隐藏，到目前为止OK。

我想给父 Add/Remove my CSS class 一个 CSS 类 (.focus)，当单击以更改其背景颜色以伪造“焦点”状态时。

在 jsfiddle 中，当您单击 Add/Remove my CSS class 时，您会看到它的背景颜色会在一秒钟内变为红色，这是因为 :active CSS 样式。
因此，即使您将鼠标悬停在子菜单链接上，父链接仍处于“焦点”状态，但是，当您将鼠标悬停时，“焦点”CSS 类将被移除以实现其正常状态 CSS。

Answer 1

这是一个更新的代码：http://jsfiddle.net/manuel/tZBXe/2/ 我添加了

$(this).addClass("focus");

在悬停功能中

$("a", this).removeClass("focus");