適用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元素

回答

相關問題