我点击它时如何添加类到标签

Question

当我点击class="active"成为<li>

时，我需要将<a>添加到代码<li class="active">

请注意，我有多个<li>代码，我需要class="active"仅用于我点击的代码<li>。

这是我的示例代码：

<ul class="nav">
<li>
   <a href="...">
    Personal Informations <i class="pe-7s-user"></i>
   </a>
</li>
<li>
   <a href="...">
    Qualifications <i class="pe-7s-note2"></i>
   </a>                              
</li>
</ul>

Answer 1

使用.parent()和.addClass()

$(function(){

  $('a').click(function(e){
    e.preventDefault();
    $(this).parent().addClass('active');
  })
})

.active {
  background-color: orange;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav">
<li>
   <a href="#">
    Personal Informations <i class="pe-7s-user"></i>
   </a>
</li>
<li>
   <a href="#">
    Qualifications <i class="pe-7s-note2"></i>
   </a>                              
</li>
</ul>