如何解决比较链接的URL
| 我有以下HTML:<ul class=\"vertical_menu no_select\">
<li class=\"edge_top\"> </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\"> </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\');
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。