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>