Javascript 比较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\u link”

的链接需要有

li

元素（它们的父元素）才能有一个新类

“selected”

。我可以获得完整的URL，但我不知道如何使用它来帮助查看，因为在不同的目录级别可能有多个同名页面

如果你能帮忙，谢谢你！我将jQuery与所有这些一起使用，所以请随时为我提供jQuery示例

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

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

});

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

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

});

没有测试过，但它会让你开始。子字符串是因为路径名以“/”开头，您也可以将其放在href中

没有测试过，但它会让你开始。子字符串是因为路径名以“/”开头，你可以把它也放在你的href中，或者这个

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

或者这个

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