javascript - 在没有元素时隐藏无序列表

Question

我有一个问题，乍一看似乎完全不需要动脑筋，而且是一项简单的任务。

我的页面上有一个 JavaScript 插件，可以在我的 Wordpress 页面的侧边栏中生成一个目录列表。我的目的是隐藏 #toc 的文本小部件元素当其中的列表没有元素时。我正在尝试使用 jQuery 解决它，但没有运气。

HTML:

<div class="textwidget">
   <div id="toc">
     <ul></ul>
   </div>
 </div>

JavaScript:

jQuery(document).ready(function ($) {

    if (!$('#toc').children('ul').has('li')) {
        $('#toc').parent().hide();
    }

});

我的脚本应该隐藏这个特定的 #toc的 parent ，因为它没有 child <li>元素，但事实并非如此。相反，当我从 if 语句中删除 ! 时，脚本会隐藏我的列表，就好像它里面有东西一样。然后它还会隐藏其中实际包含元素的列表。我在这里完全遗漏了什么吗？

Answer 1

只需使用这个:

$(document).ready(function () {
    if ($('#toc ul li').length < 1) {
        $('#toc').parent().hide();
    }
});