用於子元素的jquery選擇器

Question

什麼是通過最低級別的「li」元素循環的正確方法？

<div id="mainnav"> 
    <ul> 
     <li> 
      <ul> 
       <!-- These are the elements I want to loop through --> 
       <li> 
       </li> 
       <li> 
       </li> 
       <li> 
       </li> 
       <!-- End These are the elements I want to loop through --> 
      </ul> 
     </li> 
    </ul> 
</div> 

我試過這個，但是選擇器沒有發射。

jQuery("#mainNav > ul > li > ul > li").each(function() { 

}); 

Answer 1

#ID selectors是大小寫敏感的，你需要#mainnav（小寫n），像這樣：

jQuery("#mainnav > ul > li > ul > li").each(function() { 

}); 

You can test it out here。