当我单击它时如何向标签添加类 [英] how to add class to tag when i click on it

问题描述

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

请注意，我有多个<li>标签，并且只需要单击它的标签<li> class="active".

Notice i have multiple <li> tags and i need to class="active" only for tag <li> that i clicked on it.

这是我的示例代码:

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

推荐答案

使用.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>

这篇关于当我单击它时如何向标签添加类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！