如何在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作用。