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

我有一个有UL和LI的家长部门。只有第一个李有一些特定的类（比如 办公室主任 )。如果第一个LI在单击其余LI（具有类“下拉切换”）时具有类（closeSuperDept），我需要隐藏整个DIV（#departmentMenu）

标题
项目1
项目1
项目1

$（document）.on（'click'，'#departmentMenu.dropdown toggle'，function（）{
var$breadcrumb=$（“#部门菜单.下拉切换”）；
if（$breadcrumb.hasClass（'closeSuperDept'））{
$（“#部门菜单”）.hide（）；
}
});

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

您可以尝试以下操作：

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

• var$breadcrumb=$（“#部门菜单li:first”）

  将获得父级

  部门菜单中的第一个
  li
  元素

您可以尝试以下方法：

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

• var$breadcrumb=$（“#部门菜单li:first”）

  将获得父级

  部门菜单中的第一个
  li
  元素

您可以尝试以下方法：

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

• var$breadcrumb=$（“#部门菜单li:first”）

  将获得父级

  部门菜单中的第一个
  li
  元素

您可以尝试以下方法：

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

• var$breadcrumb=$（“#部门菜单li:first”）

  将获得父级

  部门菜单中的第一个
  li
  元素

试试这个：

<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>


var $menu = $('#departmentMenu').on('click', '.dropdown-toggle', function(){ 
    if ($menu.find('li.closeSuperDept:first-child').length){
        $menu.hide();
    }
});

标题
项目1
项目1
项目1

var$menu=$（“#部门菜单”）。在（'单击'，'上。下拉切换'，函数（）{
if（$menu.find（'li.closeSuperDept:first child'）。长度）{
$menu.hide（）；
}
});

它的作用如下： 如果单击“#departmentMenu”中的“.dropdown toggle”，脚本将在菜单中搜索带有“.closeSuperDept”的“li”，该菜单是其父菜单中的第一个子菜单。如果找到它，菜单将被隐藏

请尝试以下操作：

<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>


var $menu = $('#departmentMenu').on('click', '.dropdown-toggle', function(){ 
    if ($menu.find('li.closeSuperDept:first-child').length){
        $menu.hide();
    }
});

标题
项目1
项目1
项目1

var$menu=$（“#部门菜单”）。在（'单击'，'上。下拉切换'，函数（）{
if（$menu.find（'li.closeSuperDept:first child'）。长度）{
$menu.hide（）；
}
});

它的作用如下： 如果单击“#departmentMenu”中的“.dropdown toggle”，脚本将在菜单中搜索带有“.closeSuperDept”的“li”，该菜单是其父菜单中的第一个子菜单。如果找到它，菜单将被隐藏

请尝试以下操作：

<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>


var $menu = $('#departmentMenu').on('click', '.dropdown-toggle', function(){ 
    if ($menu.find('li.closeSuperDept:first-child').length){
        $menu.hide();
    }
});

标题
项目1
项目1
项目1

var$menu=$（“#部门菜单”）。在（'单击'，'上。下拉切换'，函数（）{
if（$menu.find（'li.closeSuperDept:first child'）。长度）{
$menu.hide（）；
}
});

它的作用如下： 如果单击“#departmentMenu”中的“.dropdown toggle”，脚本将在菜单中搜索带有“.closeSuperDept”的“li”，该菜单是其父菜单中的第一个子菜单。如果找到它，菜单将被隐藏

请尝试以下操作：

<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>


var $menu = $('#departmentMenu').on('click', '.dropdown-toggle', function(){ 
    if ($menu.find('li.closeSuperDept:first-child').length){
        $menu.hide();
    }
});

标题
项目1
项目1
项目1

var$menu=$（“#部门菜单”）。在（'单击'，'上。下拉切换'，函数（）{
if（$menu.find（'li.closeSuperDept:first child'）。长度）{
$menu.hide（）；
}
});

它的作用如下：

---

如果单击“#departmentMenu”中的“.dropdown toggle”，脚本将在菜单中搜索带有“.closeSuperDept”的“li”，该菜单是其父菜单中的第一个子菜单。如果找到它，菜单将被隐藏

@palash:忘了提！第一个LI将始终出现在DOM中，唯一的问题是css类将从“display:none”更改为“display:block”。我已经添加了以下代码，它工作得很好。如果（$（'.closeSuperDept'）.css（'display'）=='block'）{$（''departmentMenu'）.hide（）；}@Ramesh:是的，您可以这样做来检查它是否隐藏。@palash:忘了提了！第一个LI将始终出现在DOM中，唯一的问题是css类将从“display:none”更改为“display:block”。我已经添加了以下代码，它工作得很好。如果（$（'.closeSuperDept'）.css（'display'）=='block'）{$（''departmentMenu'）.hide（）；}@Ramesh:是的，您可以这样做来检查它是否隐藏。@palash:忘了提了！第一个LI将始终出现在DOM中，唯一的问题是css类将从“display:none”更改为“display:block”。我已经添加了以下代码，它工作得很好。如果（$（'.closeSuperDept'）.css（'display'）=='block'）{$（''departmentMenu'）.hide（）；}@Ramesh:是的，您可以这样做来检查它是否隐藏。@palash:忘了提了！第一个LI将始终出现在DOM中，唯一的问题是css类将从“displa”更改为“displa”