如何从多个选择器中删除这个.next（）元素

Question

下面的代码将使用mousenter/mouseleave隐藏并显示取决于2个元素的子菜单。

var count = 0; 
$('.parent-menu, .sub-menu').mouseenter(function(){ 
    count ++; 
    $('.sub-menu').show(); 
}).mouseleave(function(){ 
    count--; 
    if(!count) { 
     $('.sub-menu').hide(); 
    } 
}); 

唯一的是它显示每个父母菜单上的所有子菜单。我知道$(this.next()..etc)将采取相关的子菜单（因为它与其中的一切东西），但我如何将目标这一点时，我使用多个选择器？

HTML

 <li class="parent-menu"> 
     <a href="#">Sports</a> 
     </li> 
     <li class="sub-menu"> 
      <div class="container menu-background"> 
      <ul> 
       <li class="heading"><a href="#">Running</a></li> 
       <li><a href="#">Footwear</a></li> 
       <li><a href="#">Apparel</a></li> 
       </ul> 
      </div> 
     </li>       

Answer 1

你要这个？：

var count = 0; 
$('.parent-menu, .sub-menu').mouseenter(function(){ 
    count ++; 
    $(this).next().show(); 
}).mouseleave(function(){ 
    count--; 
    if(!count) { 
     $(this).next().hide(); 
    } 
}); 

$(this).next().hide();将选择.SUB菜单。