активные addClass с помощью JQuery

Question

Я следующие HTML:

<ul class="sidebar-menu" > 
    <li class="treeview active"> 
     <a>Sales</a> 
     <ul class="treeview-menu" 
      <li>Distributor Wise Sales</li> 
     </ul> 
    </li> 
    <li class="treeview active"> 
     <a>Purcahse</a> 
     <ul class="treeview-menu" 
      <liPurchase Sales</li> 
     </ul> 
    </li> 
</ul> 

Я хочу показать active класс, когда пользователь нажимает на кнопку «Купить» или «Продажи». То есть. когда пользователь нажимает «Купить» или «Продажи», тогда будет активна ссылка «Купить». Как я могу достичь этого, используя jQuery. Может ли кто-нибудь помочь?

Answer 1

В JQuery можно добавить addclass, только один тег li должен иметь активный класс за один раз.

$(".sidebar-menu li").click(function(){ 
     $(".sidebar-menu li").removeClass("active"); 
     $(this).addClass("active"); 
}); 

Answer 2

Вы можете сделать это, как показано ниже, с помощью jQuery.

$('.test').on('click', function() { 
    $(this).addClass("active"); 
});