Setting the class of an object on load in jQuery

[metaphysics]

I am trying to set the class of a "<li>" based on if the page is loaded with an anchor. For example, if http://www.example.com/index.html#services is loaded, I would like to change the class of li#nav_services to current. (The html would be <li id="nav_service s" class="current" >Services</li> after the change). How would I do this using jQuery?

[acoder]

You can get #services using the location.hash property. Then to add a class, use the addClass method.

[metaphysics]

Okay, so if I have:

$(function(){
    var path = location.pathname.substring(1);
    if ( path )
        $('.navbar a[@href$="' + path + '"]').attr('class', 'current');
});

How do I get it to select the <li> that the <a> is nested in?

[acoder]

Using the ID selector #nav_services.

[metaphysics]

Alright, thanks. I figured it out.