aktiv addClass jquery mit

Question

ich folgende HTML haben:

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

Ich möchte auf ‚Kauf‘ active Klasse, wenn Benutzer klicken um zu zeigen, oder ‚Verkauf‘. Ie. Wenn ein Nutzer auf "Kaufen" oder "Verkauf" klickt, ist der Link "Kaufen" aktiv. Wie kann ich dies mit jQuery erreichen? Kann jemand helfen?

Answer 1

Sie können addclass in Jquery, nur ein li-Tag sollte aktive Klasse zur gleichen Zeit haben.

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

Answer 2

Sie können es wie folgt mit jQuery tun.

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