HTML列表 – 仅将addClass（）应用于第一级LI元素（不是内部元素）

我有以下代码，

$('.main-menu li:nth-child(3)').addClass("active"); 

然而，哪个有效，HTML看起来像这样……

 
 
menu item
 
menu item
 
menu item  
 
menu item2
 
menu item2
 
menu item2
  
 
  

并且它将“活动”类添加到两个LI列表中，任何方式使它只添加一次？ 谢谢

Answer 1

http://api.jquery.com/child-selector/

使用“立即” 子选择器>

 $('.main-menu > li:nth-child(3)').addClass("active"); 

http://jsbin.com/urekah/1/edit