如何添加類標記當我點擊它

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>