用于子元素的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。