javascript - 如果 child 有类(class)事件，则为家长添加类(class)

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 5 年前。

Improve this question

如果 child 有类 active，我想向父类添加类。这就是我所做的:

<ul class="grid-tab nav nav-tabs">
    <li role="presentation"><a href="#" class="active"></a></li>
    <li role="presentation"><a href="#" class=""></a></li>
    <li role="presentation"><a href="#" class=""></a></li>
</ul>

if ($(".grid-tab li a").hasClass("active")){
   $(".grid-tab li").addClass("active");
}

Answer 1

尝试以下操作:

$(".grid-tab > li > a").click(function(){
  $(".grid-tab > li").removeClass('active');
  if($(this).hasClass('active')){
    $(this).parent().addClass('active')
  }
});

.active{
 color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="grid-tab nav nav-tabs">
  <li role="presentation"><a href="#" class="active">A</a></li>
  <li role="presentation"><a href="#" class="active">B</a></li>
  <li role="presentation"><a href="#" class="active">C</a></li>
</ul>