使用jquery删除空<ul>标记

Question

我有上面的代码

     ` <ul id="jsddm">

                            <li><a href="Default.aspx">
                                Menu</a>
                                <ul style="visibility: hidden;">


                                            <li><a href="Content.aspx?ID=153">
                                                SubMenu</a></li>


                                            <li><a href="Content.aspx?ID=152">
                                                SubMenu</a></li>

                                </ul>
                            </li>

                            <li><a href="#">
                                Menu</a>
                                <ul style="visibility: hidden;">

                                </ul>
                            </li>

                </ul>
            </div>`          

我想删除空的子"ul"标签,当我的页面加载时,这些标签没有带有jquery的"li"标签.我能怎么做？感谢帮助.

Answer 1

$('ul').not(':has(li)').remove();

Answer 2

$("ul").each(
  function() {
    var elem = $(this);
    if (elem.children().length == 0) {
      elem.remove();
    }
  }
);