javascript - 使用jquery查找没有 "ul"元素的 "li"元素

Question

假设我有这段 html 代码

<ul id="mainUL">
<li>
   <ul></ul>
</li>
<li>
   <ul>
    <li>One</li>
    <li>Two</li>
   </ul>
</li>
<li>
   <ul>
   </ul>
</li>
</ul>

有没有办法找到那些不包含任何li元素的ul？我的代码非常动态，所以我很难插入一个类或 id 来附加那些 ul。我使用 jquery .find() 还是 jquery .children()？我该如何应用这些 $('ul')？

Answer 1

您可以使用 :not() 的组合和 :has()做这项工作。

$("ul:not(:has(li))")

$("ul:not(:has(li))").css("border", "1px solid red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="mainUL">
<li>
   <ul></ul>
</li>
<li>
   <ul>
    <li>One</li>
    <li>Two</li>
   </ul>
</li>
</ul>