How To Add Class To Tag When I Click On It

I need to add class='active' to tag

when i click on to become

Notice i have multiple

tags and i need to class='active' o

Solution 1:

Use .parent() and .addClass()

$(function(){

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

.active {
  background-color: orange;
}

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