Javascript 在li元素中选择嵌套div

用户将鼠标悬停在菜单项上，然后我想向用户显示子菜单。我想使用Jquery显示和隐藏子导航conatiner div。唯一的问题是我的Jquery显示和隐藏所有子菜单-我只想显示一个子菜单。所以我需要选择当前悬停的嵌套div，希望这有意义。我尝试过各种各样的方法，但都不走运：（

使用

此

$('.sub-menu-header').mouseover(function () {
    $(this).find('div.sub-nav-container').show();
});

但是，您可以简化代码-不需要单独的

mouseover

和

mouseleave

处理程序。只需使用带有单个函数参数的

.hover（）

：

$('.sub-menu-header').hover(function () {
    $(this).find('div.sub-nav-container').toggle();
});

使用

此

$('.sub-menu-header').mouseover(function () {
    $(this).find('div.sub-nav-container').show();
});

但是，您可以简化代码-不需要单独的

mouseover

和

mouseleave

处理程序。只需使用带有单个函数参数的

.hover（）

：

$('.sub-menu-header').hover(function () {
    $(this).find('div.sub-nav-container').toggle();
});

---

您是否知道，对于所有现代浏览器，CSS只能通过伪

：hover

实现这一点？（当然不是IE6）是-我为关闭javascript的用户实现了此功能。我想通过添加延迟来改进此功能，这样当用户将鼠标移出子菜单时，菜单不会立即消失。我只需要知道如何选择元素。您是否知道，只有使用伪

：hover

for all模式，CSS才能实现此功能rn浏览器？（当然不是IE6）是的-我已经为关闭javascript的用户实现了这个功能。我想通过添加延迟来改进它，这样当用户将鼠标移出子菜单时，菜单不会立即消失。我只需要知道如何选择元素。非常感谢-我知道这将与“this”有关非常感谢-我就知道会有“这个”

$('.sub-menu-header').mouseover(function () {
 $(this).children(".sub-nav-container").show();
});

$('.sub-menu-header').mouseover(function () {
    $('.sub-nav-container', this).show();
});