Question

我在ul li的项目中使用php动态生成菜单。菜单生成如下。

<ul id="css3menu1" class="topmenu">
    <li class="toproot"><a href="#"><i class="user"><span>User</span></i></a>
        <ul>
           <li><a href="some link">Create User</a></li>
           <li><a href="some link">List User</a></li>
        </ul>
    </li>

   <li class="toproot"><a href="#"><i class="user"><span>Group</span></i></a>
        <ul>
            <li><a href="some link">Create Group</a></li>
            <li><a href="some link">Group List</a></li>
        </ul>    
    </li>

     <li class="toproot"><a href="#"><i class="user"><span>Settings</span></i></a>
        <ul>
            <!--links are not generated here -->
        </ul>    
    </li>                   

</ul>

现在的问题是我要删除setting main menu的第三个li，因为它没有submenu。我为此实现搜索jquery代码。我用php来显示或显示不是主菜单。 but want to implement in jquery/js。提前谢谢

Answer 1

尝试

$('.topmenu li.toproot:not(:has(ul))').remove()

Answer 2

您可以使用jquery编写类似的内容。

if ($('#mylist li').length == 0){
Do Code for removing elements
}

如果未找到子＆lt;＆gt; ul </li> <li>，则删除父<li> </li>

2 个答案: