Question

我有一些javascript在页面上找到链接，如果它与当前页面的链接相同，则将css更改为当前。这很好用。但我想要做的是扩展这个，例如让链接是mysite.com/blog/post。我希望它上一个目录，即mysite.com/blog找到页面上的链接，如果它突出显示它，希望这是有道理的。我的代码是：

<script type="text/javascript">
$(document).ready( function () {
var path = location.pathname;
if ( path )
 $('#sidebar ul.archive a[href$="' + path + '"]').attr('class', 'current');
 }); 
</script>

所以我想我只需要更改var路径以找到上面目录的链接，但是无法弄清楚我是怎么做到的？

Answer 1

您可以尝试解析location.pathname以删除最右侧的目录。例如：

var path = location.pathname;
var parentPath = path.substr(0,path.lastIndexOf('/'));

Answer 2

如果我理解正确的话......

$('#sidebar ul.archive a').filter(function() {
    return path.match($(this).attr('href'));
}).addClass('current');

例如，如果当前页面为current，则会将<a href="/blog">Blog</a>类添加到链接mysite.com/blog/post。

从当前链接（javascript）查找目录的链接路径

2 个答案: