使用jquery查找没有“li”元素的“ul”元素

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>