检测子div中的类，并在另一个div中添加类

Question

如何检测子div中的特殊类以及何时发现特定类将一个类添加到另一个div中？

示例：

 <ul class="m-a-ul">
    <li class="menu">
 </ul>

现在通过操作添加特定的类collapsed：

 <ul class="m-a-ul">
    <li class="menu collapsed">
 </ul>

现在，脚本应检测到ul m-a-ul的子项添加了名为collapsed的类。现在，应将班级darken添加到ID为content的其他div中：

<div id="content" class="darken">
...
</div>

现在，当课程collapsed消失时，课程darken也应该被删除

我试过这个代码：

<script>
$(document).ready(function(){
    $(".menu").click(function(){
        $("#content").addClass("darken");
    });
});
</script>

单击按钮时，类会变暗。但这是错误的解决方案。我需要一个只在特定div中找到类时才添加类。

Answer 1

你可以尝试

if(jQuery('.m-a-ul .menu').hasClass('collapsed')){
     jQuery('#content').addClass('darken');
   }else{
     jQuery('#content').removeClass('darken');
   }