当我点击它时如何将类添加到标签答案

【问题标题】：how to add class to tag when i click on it当我点击它时如何将类添加到标签
【发布时间】：2016-10-02 09:12:19
【问题描述】：

当我点击<a>变成<li class="active">时，我需要添加class="active"来标记<li>

请注意，我有多个 <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>

【问题讨论】：

api.jquery.com/click & api.jquery.com/addclass
如果答案有帮助，请“接受”它

标签： javascript jquery

【解决方案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>

【讨论】：