使用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 .find() .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>