比较链接的URL

问题描述

| 我有以下HTML：

<ul class=\"vertical_menu no_select\">
    <li class=\"edge_top\">&nbsp;</li>
    <!-- Menu Items Here     -->
    <li class=\"not_selected\"><a class=\"selection_link\" href=\"index.htm\">Home</a></li>
    <li class=\"not_selected\"><a class=\"selection_link\" href=\"index.htm\">Subitem 1</a></li>
    <li class=\"not_selected\"><a class=\"selection_link\" href=\"index.htm\">Subitem 2</a></li>
    <!-- Menu Items End Here -->
    <li class=\"edge_bottom\">&nbsp;</li>
</ul>

现在，如果当前的

url

与锚标记中的

href

值匹配，则类

\"selection_link\"

的链接需要具有

li

元素（其父级）才能具有新的类

\"selected\"

。我可以获得完整的URL，但是我不知道如何使用该URL来帮助查看，因为在不同的目录级别可能存在多个具有相同名称的页面。 谢谢您的帮助！我正在使用jQuery，因此请随时向我提供jQuery示例！     

解决方法

查看jsFiddle。这应该可以解决问题：

$(\"ul.vertical_menu li a\").each(function() {

    if (this.href == window.location.href) {
        $(this).parent().toggleClass(\"not_selected selected\");
    }

});

    ,

$(\'.selection_link\').each(function() {
    if($(this).attr(\'href\') === window.location.pathName.substring(1)) {
        $(this).parent().attr(\"class\",\"selected\");
    }
});

没有经过测试，但是它将开始您的工作。子字符串是因为路径名以\'/ \'开头，您也可以将其放在href \中     ,或这个...

$(\'.vertical_menu a\').each(function() {
    if (location.href.search(this.attr(\'href\')) != -1) {
        $(this).parent().addClass(\'selected\');
    }
});