Question

En mi sitio web tengo el siguiente menú de navegacion

<nav>
        <ul>
                <li><a href="/">inicio</a></li>
                <li><a href="/nosotros/">nosotros</a></li>
                <li><a href="/clientes/">clientes</a></li>
                <li><a href="/contacto/">contacto</a></li>
        </ul>
</nav>

¿Cómo puedo resaltar el ítem del menú que corresponde a la página actual? asumiendo que ya tengo una clase css 'activa' con el estilo que deseo.

Answer 1

Ahi va, no se te olvide de agregarle "miclase" a tu codigo

 var url = window.location.pathname;  
    var activePage = url.substring(url.lastIndexOf('/')+1);
 $('ul.miclase li a').each(function(){  
    var currentPage = this.href.substring(this.href.lastIndexOf('/')+1);
    if (activePage == currentPage) {
    $(this).parent().addClass('current'); 
 } 
});