如何在jQuery中选择没有特定元素的元素

Question

如何在jQuery中选择没有特定元素的元素。 我要制作一个侧边栏，该边栏将在用户单击菜单或侧边栏本身后关闭，但仅限于下拉菜单。 这是菜单的结构代码：

<li><a href="#">Menu Normal</a></li>
<li>
  <a href="#">Menu Dropdown</a>
  <ul class="sidebar-nav-child">
    <li><a href="#">Menu-1</a></li>
    <li><a href="#">Menu-1</a></li>
    <li><a href="#">Menu-1</a></li>
  </ul>
</li>

这是jQuery：

$(".sidebar-toggle").click(function(e){
  e.preventDefault();
  $("#wrapper").addClass('sidebar-show');
  $("#sidebar, .sidebar-nav li:not(:has(.sidebar-nav-child)) a").click(function(){
    $("#wrapper").removeClass('sidebar-show');
  });
});

即使我单击下拉菜单，上面的代码仍将关闭边栏。 先感谢您。

Answer 1

您需要处理的li是.sidebar-nav直接子级，并且不包含嵌套的ul ：

 $("#sidebar, .sidebar-nav > li:not(:has(ul)) a")

但是我还不清楚在这里#sidebar作用。