Question

我有一个html下拉菜单。我想通过jquery只选择父ul列表项。

我的菜单代码为：

<ul>
 <li>list parent</li>
 <li>list parent  
  <ul>
   <li>list child</li>
   <li>list child</li>
   <li>list child</li>
   <li>list child</li>
   <li>list child</li>
  </ul>
 </li>
 <li>list parent</li>
 <li>list parent</li>
 <li>list parent</li>
</ul>

我想选择仅列出父来进行样式化。 未列出儿童

Answer 1

您需要在此根目录ul或id：

<ul id="rootUL">

然后你可以使用：

$('ul#rootUL > li').css(...);

>选择器可帮助您选择li元素作为列表的直接子元素，id名为rootUL

Answer 2

像ID一样向父ul添加标识符，然后使用子选择器仅选择其子项

<ul id="nav">
    <li>list parent</li>
    <li>list parent
        <ul>
            <li>list child</li>
            <li>list child</li>
            <li>list child</li>
            <li>list child</li>
            <li>list child</li>
        </ul>
    </li>
    <li>list parent</li>
    <li>list parent</li>
    <li>list parent</li>
</ul>

然后

$('#nav > li')

Answer 3

>选择器允许您选择元素的仅直接子项。因此，假设您的根ul设置了.root类，您可以使用：

$("ul.root > li")

第一个列表项由jquery选择

3 个答案: