jQuery菜单悬停

如何解决jQuery菜单悬停

可能之前曾有人问过这个问题，对不起，如果我错过了， 我有这个下拉菜单结构：

<ul id=\"menu\">
    <li><a>text1</a></li>
    <li class=\"withchild\"><a class=\"itemchild\">text2</a>
        <ul>
        ...
        </ul>
    </li>
    <li><a>text3</a></li>
</ul>

我要在

hover

上更改ѭ1background的背景。

$(\"li.withchild ul\").hover(function(){
    $(this).parent().find(\'.itemchild\').css(\'background\',\'the new background\');
},function(){
    $(this).parent().find(\'.itemchild\').css(\'background\',\'the old background\');
});

还有CSS

li.withchild a.itemchild:hover{the new background}

我的问题：如果将鼠标悬停在ѭ5上，背景会发生变化，然后将鼠标悬停在

li.withchild ul

，

.itemchild

\的背景仍然保持新的背景。但是如果我徘徊

li.withchild ul

回到onto5ѭ，背景恢复为旧背景。 解决此问题的最佳方法是什么？     

解决方法

        如果希望当鼠标悬停在

.itemchild

或

li.withchild ul

上时ѭ5显示新的背景，最好的方法可能是将鼠标悬停在父元素上：

$(\"li.withchild\").hover(function(){
    $(this).find(\'.itemchild\').css(\'background\',\'the new background\');
},function(){
    $(this).find(\'.itemchild\').css(\'background\',\'the old background\');
});

或者，您可以先使用wrapAll（）将

li.withchild ul

和

.itemchild

包装到它们自己的新div中，然后再将事件附加到其上。 我是否正确理解您的问题？