как добавить класс для тега, когда я нажимаю на него

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>