Question

I have the following code which gives the menu item a class of ‘current’. I then style that with font-weight:Bold;

$(document).ready(function () {
    var loc = window.location.href;
    $("ul a").each(function() {
        if (loc.indexOf($(this).attr("href")) != -1) {
            $(this).addClass("current");
        }
    });
});

If the user is on a page which is within the sub menu ul li a how do i add a class called Bold to the parent UL/LI at the root level?

here is the structure, if i am on Q&Z Group then About us needs to be bold. – http://jsfiddle.net/zZQy3/

Answer 1

var loc = window.location.href;
$("ul a").each(function() {
    if (loc.indexOf($(this).attr("href")) != -1) {
        $(this).addClass("current");
        $(this).parent('li').parent('ul').addClass("Bold");
    }
});