Posted By

ronal on 06/02/11

Tagged

link
jquery

Versions (?)

Last Edited at 06/02/11 06:01am

Statistics

Viewed 774 times

Favorited by 0 user(s)

Related snippets

jQuery add ACTIVE class

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

var url = window.location.pathname, 
        urlRegExp = new RegExp(url.replace(/\/$/,'') + "$"); // create regexp to match current url pathname and remove trailing slash if present as it could collide with the link in navigation in case trailing slash wasn't present there
        // now grab every link from the navigation
        jQuery('#nav li').each(function(){
            // and test its normalized href against the url pathname regexp
            if(urlRegExp.test(this.href.replace(/\/$/,''))){
                jQuery(this).addClass('active');
            }
        });
 
});