1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

(function($) {
    $.fn.SelectedNav = function(options) {

        options = $.extend({
            position: 0,  // this sets the position of the 'home' nav option. If no matches are found, we highlight the anchor at this index.
            className: "selected", // this sets the default name of the class to use
            homeHref: "/" // this sets the href for the home/default/index page
        });

        var curUrl = window.location.href;
        curUrl = curUrl.substring(curUrl.lastIndexOf('/'));

        var navEle = $("> li > a[href$=" + curUrl + "]", this); //lets look at the top level anchors for a hit
        if (navEle.size() > 0) {
            navEle.addClass(options.className);
        }
        else { //we didn't find a hit, we have to loop  through
            $("li", this).each(function() {
                var cur = $(this), // current  LI
                    i = $("a", cur), // anchor in LI
                    href = i.attr("href"); // href of anchor
                
                $("ul > li > a", cur).each(function() { // now loop through the child nodes
                    if (CheckURL($(this).attr("href"))) { //if we have a match...
                        AddClass(i); //add the class to the parent anchor
                        return false; // exit the each statement
                    }
                });
            });

        }
        
        function CheckURL(a) {
            if (curUrl == a) {
                return true;
            }
            return false;
        }

        function AddClass(a) {
            a.first().addClass(options.className);
        }
    }

})(jQuery);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

var currentUrl = window.location.href;

// store all top level links
var topLevelLinks = $("> li > a", this);

// find exact anchor matching page url
var currentLinkSelector = "li > a[href=​​​​​​​​​​​​​​​​​​​​​​​{url}]".replace("{url}", curUrl);​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
var currentLink = $(currentLinkSelector, this);

// keep stepping up to parent anchors until we find a match in our top level links
var link = currentLink;
while(!$.inArray(topLevelLinks, link)) {
    link = link.closest('a');
}
​