Dave Ruiz blog

A modo de apunte, os dejo un método breve, usando jQuery, para resaltar los enlaces que apuntan a la página en la que nos encontramos. Muy útil, por ejemplo, para destacar en los menús la opción seleccionada automáticamente sin recurrir a PHP o a hacerlo manualmente:

$(document).ready( function() {

var loc = document.location.href.split(/[\?#]/).shift().replace(/\/$/, ”);

$(“a”).each(function() {

if (this.href == loc) $(this).addClass(“selected“);

});

} );

El funcionamiento es muy simple. Recorre todos los elementos <a> de la página y compara el parámetro href con la url actual. Si coincide, añade la clase ‘selected‘ a dicho elemento. La clase ’selected’ deberá estar definida dentro de los estilos css de la página.

Un ejemplo aquí.

Actualización: Ahora no tiene en cuenta si la URL tiene barra al final o no (como en el caso de las carpetas)