适用jQuery的效果，家长里而不是子li元素

我的HTML标记如下：适用jQuery的效果，家长里而不是子li元素

<ul class="top-nav"> 
    <li id="page-1"><a href="/">HOME</a> 
     <ul class="page-1 current"> 
       <li><a title="" href="#">FEATURES</a></li> 
       <li><a title="" href="#">ABOUT US</a></li> 
       <li><a title="" href="#">CONTACT</a></li> 
     </ul> 
    </li> 

    <li id="page-2"><a title="" href="road">ROAD</a> 
     <ul class="page-2"> 
       <li><a title="" href="#">ROAD BIKE:</a></li> 
       <li><a title="" href="#">BIKE</a></li> 
       <li><a title="" href="#">COMPONENTS</a></li> 
       <li><a title="" href="#">APPAREL</a></li>    
     </ul> 
    </li> 
</ul>

鼠标悬停在第一个层次里（“顶级的导航礼”的jQuery（）），它应该显示其子ul（jQuery（'。top-nav li ul'））

但问题是，当我在第一级li的子li元素上进行鼠标悬停时，同样的事件也发生在子li上。我想避免这种事件的子li元素（即，（jQuery的（））

来源

2010-02-17 user255631

+1欢迎来到Stack Overflow，@saorabh。 – Sampson 2010-02-17 07:46:58

可以解决这样的立即元素的顶级导航李UL李'：

$("ul.top-nav > li"); // only the top-level li's

来源

2010-02-17 07:42:48 Sampson

它不起作用，因为子元素也具有相同的结构，即'ul> li' – user255631 2010-02-17 07:46:59

我已经使它不那么模棱两可了，现在就试试吧 – Sampson 2010-02-17 07:47:19

哦，非常感谢!!!!作品:) – user255631 2010-02-17 07:49:53

适用jQuery的效果，家长里而不是子li元素

回答

相关问题