Resaltar automáticamente enlaces con jQuery
Julio 30th, 2009A 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)
