如果<ul>元素没有<li>元素,如何删除它们

Question

我是bootstrap和jQuery的新手,我目前正在使用bootstrap导航栏(多个子菜单).我有一个PHP脚本,输出ul和li元素的导航.有一些ul元素没有li元素(某些子菜单没有进一步的子菜单).因此没有li的ul,Bootstrap将它显示为一个我不想要的空菜单.

无论如何发现任何ul是否为空,因此改变CSS显示:none？我尝试了以下但不起作用:

$( "ul" ).each(function() {
    if($(this).html()==""){
        $(this).css('display','none');
    }
});

非常感谢.

Answer 1

尝试

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