Merhaba.

Aşağıdaki gibi bootstrap menüm var.
Ben li'ye tıkladığım zaman tıklanan li'ye active class'ı atanmasını istiyorum.

Aşağıdaki kodları denedim ama sonuç alamadım. Sadece ilk li'ye active class'ı atama kodu çalışıyor.

• Jquery

$( document ).ready(function() {
	
    var n = $('#nav .nav-item');
    n.filter(':first').addClass('active');

    n.click(function (){
        $('#nav .nav-item.active').removeClass("active");
        $(this).addClass('active');
    });
	
});

-Html

<ul class="sidebar navbar-nav" id="nav">
	<li class="nav-item">
		<a class="nav-link" href="/admin">
			<span>Anasayfa</span>
		</a>
	</li>
	<li class="nav-item ">
		<a class="nav-link" href="/uyeler">
			<span>Üyeler</span>
		</a>
	</li>
	<li class="nav-item ">
		<a class="nav-link" href="/kategoriler">
			<span>Kategoriler</span>
		</a>
	</li>
	<li class="nav-item  dropdown">
		<a class="nav-link dropdown-toggle" href="#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			<span>Pages</span>
		</a>
		<div class="dropdown-menu" aria-labelledby="pagesDropdown">
			<a class="dropdown-item" href="add-user">Üye Ekle</a>
			<a class="dropdown-item" href="users">Üyeleri Liste</a>
		</div>
	</li>
</ul>