Question

我有一个<nav>标记，其中包含我的页面中的链接。它看起来像这样：

<nav>
    <ul>
        <li><a href="index.htm">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>

我正在尝试动态地将.active类添加到父级（li）。通过使用一些jQuery的链接。看起来像这样：

$(function() {
    $("nav a").each(function() {
        var hreflink = $(this).attr("href");
        if (hreflink.toLowerCase()==location.href.toLowerCase()) {
            $(this).parent("li").addClass("active");
        }
    });
});

我认为原因是因为我的hreflink变量返回的内容如下：index.htm而location.href.toLowerCase()正在返回此内容：file:///c:/personal/theme/index.htm

我假设有更好的方法可以做到这一点。有人能帮忙吗？谢谢！

Answer 1

切断有需要的东西然后进行比较。

尝试，

var currentLink = location.href;
if (hreflink.toLowerCase()===currentLink.substring(currentLink.lastIndexOf('/')).toLowerCase()) {

如何使用jQuery动态添加活动链接

1 个答案: