使用jquery添加一個獨立的類來列出項目父項？

Question

我有不同程度的深度的列表：

<ul id="top-level" class="top-level"> 
    <li>Item 1</li> 
    <li>Item 2 
    <ul class="sub-menu"> 
     <li>Sub item 1</li> 
     <li>Sub item 2</li> 
     <li>Sub item 3 
     <ul class="sub-menu"> 
      <li>Subsub item 1</li> 
      <li>Subsub item 2</li> 
     </ul> 
     </li> 
     <li>Sub item 4</li> 
    </ul> 
    </li> 
    <li>Item 3</li> 
</ul> 

我使用下面的jQuery腳本添加一個類家長：

$("ul li ul").parent().addClass("menuparent"); 

有沒有辦法來添加這個類只到頂級父li的和不同類的所有其他（更深）父li的？

Answer 1

對於頂級li小號

$("#top-level > li").addClass("menuparent"); 

和下級li

$("#top-level li li").addClass("someotherclass"); 

Answer 2

只需從頂層ul使用>選擇。

根據您當前選擇：

$("ul.top-level > li > ul").parent().addClass("menuparent"); 

或爲li只：

$("ul.top-level > li").parent().addClass("menuparent"); 

Answer 3

如果我理解正確的話，人們不會給你答案定位更深父裏的，這裏的我的拍攝：

$("ul.top-level > li > ul").find('li > ul').parent().addClass("deeper-parent-li");