Jquery 活动选项卡和js样式

我的页面中有js菜单，其中包含以下代码：

$(document).ready(function() {

    $("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag

    $("#topnav li").each(function() { //For each list item...
        var linkText = $(this).find("a").html(); //Find the text inside of the <a> tag
        $(this).find("span").show().html(linkText); //Add the text in the <span> tag
    }); 

    $("#topnav li").hover(function() {  //On hover...
        $(this).find("span").stop().animate({
            marginTop: "-40" //Find the <span> tag and move it up 40 pixels
        }, 250);
    } , function() { //On hover out...
        $(this).find("span").stop().animate({
            marginTop: "0"  //Move the <span> back to its original state (0px)
        }, 250);
    });

});

$（文档）.ready（函数（）{
$（“#topnav li”）.prepend（“”；//在a标记前面抛出一个空的span标记
$（“#topnav li”）。每个（函数（）{//对于每个列表项。。。
var linkText=$（this.find（“a”）.html（）；//查找标记内部的文本
$（this.find（“span”）.show（）.html（linkText）；//在标记中添加文本
}); 
$（“#topnav li”）.hover（函数（）{//On hover。。。
$（this.find（“span”）.stop（）.animate({
marginTop:“-40”//找到标记并将其向上移动40像素
}, 250);
}，函数（）{//悬停时。。。
$（this.find（“span”）.stop（）.animate({
marginTop：“0”//将其移回原始状态（0px）
}, 250);
});
});

如何为活动/当前链接/选项卡添加不同的样式

谢谢你的帮助

像这样做：

 <script type="text/javascript" charset="utf-8">
    //<![CDATA[
        jQuery(function() {
            jQuery('#topnav li').each(function() {
                var href = jQuery(this).find('a').attr('href');
                if (href === window.location.pathname) {
                    jQuery(this).addClass('current');
                }
            });
        });
    //]]>
 </script>

//

哪一位代码使链接/选项卡处于活动/当前状态？什么都不会发生。请提供更多帮助：/。不幸的是，不起作用。我需要在单击当前菜单链接的不同样式后。。。