javascript - 如果另一个 li 具有特定类，Jquery 在单击 li 类时隐藏父 div

Question

我有一个包含 UL 和 LI 的父 DIV。只有第一个 LI 有一些特定的类别(例如 .closeSuperDept)。如果第一个 LI 具有类(closeSuperDept)，则我需要隐藏整个 DIV(#departmentMenu)，然后单击其余 LI(具有“dropdown-toggle”类)。

<div id="#departmentMenu">
<ul>
<li class="closeSuperDept">Heading</li>
<li class="dropdown-toggle">item1</li>
<li class="dropdown-toggle">item1</li>
<li class="dropdown-toggle">item1</li>
</ul>
</div>


$(document).on('click', '#departmentMenu .dropdown-toggle', function(){ 
var $breadcrumb = $("#departmentMenu .dropdown-toggle");
if ($breadcrumb.hasClass('closeSuperDept')){
$('#departmentMenu').hide();
}
});

我尝试了上面的代码，但无法获得预期的输出。

Answer 1

你可以试试这个:

$(document).on('click', '#departmentMenu .dropdown-toggle', function () {
    var $breadcrumb = $("#departmentMenu li:first"); 
    if ($breadcrumb.hasClass('closeSuperDept')) {
        $('#departmentMenu').hide();
    }
});

• var $breadcrumb = $("#departmentMenu li:first");将获得第一个li父元素内 departmentMenu