Breaking News: Grepper is joining You.com. Read the official announcement!

jquery active menu

Kevin answered on July 1, 2022 Popularity 7/10 Helpfulness 6/10

answer jquery active menu

jquery active menu

Comment

$(function(){

    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
        $('.menu a').each(function(){
            // and test its normalized href against the url pathname regexp
            if(urlRegExp.test(this.href.replace(/\/$/,''))){
                $(this).addClass('active');
            }
        });

});

Popularity 7/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript jquery menu

Link to this answer
Share Copy Link