Tengo este menú sidebar
<div class="sidebar" data-color="purple" data-image="assets/img/sidebar-1.jpg">
<div class="logo">
<a href="#" class="simple-text">
Administración
</a>
</div>
<div class=" sidebar-wrapper">
<ul class="nav">
<li>
<a href="dashboard.php">
<i class="material-icons">Estadisticas</i>
<p>Estadisticas</p>
</a>
</li>
<li>
<a href="pedidos.php">
<i class="material-icons">Pedidos_pendientes</i>
<p>Pedidos Pendientes</p>
</a>
</li>
<li>
<a href="addcat.php">
<i class="material-icons">Agregar_Categoría</i>
<p>Agregar Categoría</p>
</a>
</li>
<li>
<a href="addprod.php">
<i class="material-icons">Agregar_Producto</i>
<p>Agregar Producto</p>
</a>
</li>
<li>
<a href="infEmp.php">
<i class="material-icons text-gray">Inf_Empresa</i>
<p>Inf. Empresa</p>
</a>
</li>
</ul>
</div>
</div>
Tengo el css para la marca "active", quisiera saber si hay alguna forma mediante JQuery para marcarlos como activos al momento de pasar item por item. use el siguiente ejemplo, pero no resulto.
$(document).ready(function() {
var url = window.location.pathname,
urlRegExp = new RegExp(url.replace(/\/$/, '') + "$");
$('.nav li a').each(function() {
if (urlRegExp.test(this.href.replace(/\/$/, ''))) {
$('.nav li').removeClass('active');
$(this).parent('li').addClass('active');
}
});
});
Agradezco su ayuda.