jQuery: evidenziare i link che puntano alla pagina corrente

jQuery: evidenziare i link che puntano alla pagina corrente

A volte si può avere l'esigenza di trattare i link che puntano alla pagina corrente in modo diverso dagli altri. jQuery ci offre un metodo molto semplice per ottenere questo risultato. Vediamo quale.

Il codice è il seguente:


$(function(){
       $('a').each(function(){
               if ($(this).attr('href') == window.location.pathname){
                       $(this).addClass('selected');
               }
       });
});

Abbiamo sfruttato la proprietà pathname dell'oggetto location per aggiungere una classe CSS ai link che ci interessano.

Torna su