从链接中删除file.html

Question

因此，我正在编写一个脚本，以阐明导航的不同部分。 每个导航链接都设置为/ directory / subdir /。 它一直起作用，直到我意识到需要做更多的事情为止。 如果您所在的目录不是索引文件，则该目录不起作用，因为它与HREF属性直接匹配。 现在，我如何从链接中删除filename.html并仅获取目录？ 感谢您提供的所有帮助！

Answer 1

如果我没有误会，您正在尝试突出显示菜单链接

href="/dir/abc/"

而页面地址类似于：

/dir/abc/index.shtml
/dir/abc/detail.shtml
/dir/abc/etc.shtml

对 ？ 我已经对您的代码进行了一些编辑。 希望这个帮助：

var loc = document.location.pathname;
var nav = $('.mainNav a');

nav.each(function(index, element) {
    var href = $(this).attr('href') //-- edited
    if (loc.indexOf(href)==0) {     //-- edited
        var node = nav.eq(index).parent('li');
        var gpnode = node.parents('li');
        node.addClass('active');
        gpnode.addClass('active');

    }
});

Answer 2

    /****** LINK DETECTION ******/


var nav = $('.mainNav a');
var loc = document.location.pathname;
var pathname = document.location.pathname.substring(1);
var parts = pathname.split(/\//);
var x = parts.length;
var hrefStr = "/"+parts[0]+"/"+parts[1]+"/";

switch (x) {
    case 2:
    $('.mainNav a').each(function(index, element) {
        if ($(this).attr('href') === loc) {
            var node = nav.eq(index).parent('li');
            var gpnode = node.parents('li');
            node.addClass('active');
            gpnode.addClass('active');
        }
    });
break;

default:

    $('.mainNav a').each(function(index, element) {
        if ($(this).attr('href') === hrefStr) {
            var node = nav.eq(index).parent('li');
            var gpnode = node.parents('li');
            node.addClass('active');
            gpnode.addClass('active');
        }
    });
}

/****** END LINK DETECTION ******/