Jquery 选择特定的<;李>;在嵌套的无序列表中

Jquery 选择特定的<;李>;在嵌套的无序列表中,jquery,select,nested,unordered,Jquery,Select,Nested,Unordered,要选择所有没有嵌套列表的列表元素(可以是任意顺序,因此接下来需要选择第一个或最后一个) 在以下情况下,其内容如下: <li>Main Item Three</li> 我想我可以用这样的东西: $('ul.location_list li:not(ul)') 但是没有骰子。想法 <li>Main Item Three</li> <ul class="location_list"> <li>Main Item One

要选择所有没有嵌套列表的列表元素(可以是任意顺序,因此接下来需要选择第一个或最后一个)

在以下情况下,其内容如下:

<li>Main Item Three</li>
我想我可以用这样的东西:

$('ul.location_list li:not(ul)')
但是没有骰子。想法

<li>Main Item Three</li>

<ul class="location_list">
   <li>Main Item One
      <ul>
         <li>Sub-Item One A</li>
         <li>Sub-Item One B</li>
         <li>Sub-Item One B</li>
      </ul>
   </li>
   <li>Main Item Two
      <ul>
         <li>Sub-Item Two A</li>
         <li>Sub-Item Two B</li>
         <li>Sub-Item Two B</li>
      </ul>
   </li>
   <li>Main Item Three</li>
</ul>
  • 主要项目三
    • 主要项目一
      • 分项目一A
      • 分项目一B
      • 分项目一B
    • 主要项目二
      • 分项目二A
      • 分项目二B
      • 分项目二B
    • 主要项目三
    $('ul.location_list>li:not(:has(ul)))


    (未测试:)

    尝试
    $(“ul.location\u list li:not(:contains(ul)))).css('color','red')
    并使所有的
  • 标记变为红色。它应该是最后一个红色的。所以,不高兴,但是谢谢。
    $('ul.location\u list li:not(:has(>ul)))
    怎么样?这里还有进一步的讨论:非常接近。它还为嵌套的
  • 着色,因为它们下面也没有
    。正在研究如何确定顶级的第一个孩子
    ul
    ahha!然后,
    $('ul.location\u list>li:not(:has(>ul))
    应仅选择顶级ul.location\u列表的直接li子级。在这里查看子选择器:宾果!顺便说一句,
    在协议中的
    ul
    之前不需要。查看您的解决方案:
    <li>Main Item Three</li>
    
    <ul class="location_list">
       <li>Main Item One
          <ul>
             <li>Sub-Item One A</li>
             <li>Sub-Item One B</li>
             <li>Sub-Item One B</li>
          </ul>
       </li>
       <li>Main Item Two
          <ul>
             <li>Sub-Item Two A</li>
             <li>Sub-Item Two B</li>
             <li>Sub-Item Two B</li>
          </ul>
       </li>
       <li>Main Item Three</li>
    </ul>