Javascript 如何突出显示子菜单jquery

我有菜单，突出显示效果很好，但当我在某个子页面时，主菜单项并没有突出显示。 我的代码：

在装运页面a中，有一个到下一页的链接，链接为“装运/装运”。

---

当我在发货页面时，菜单项会突出显示，但当我在发货页面时，菜单项不会突出显示。如何创建它？谢谢

当您在URL和主播的href之间进行相等的比较时，

活动的

类将仅在页面相同的情况下应用

一种可能的方法是检查URL是否以锚的href开头

var url=window.location.href；
$（“.sidebar导航图标a”）。每个（函数（）{
if（url.startsWith（this.href））{
$（此）.lii.addClass（“活动”）；
}
});

---

编辑：如果您使用的是相对路径，则可以使用

windows.location.pathname

而不是

window.location.href

当您在URL和锚的href之间进行相等比较时，仅当页面相同时才会应用

活动的

类

一种可能的方法是检查URL是否以锚的href开头

var url=window.location.href；
$（“.sidebar导航图标a”）。每个（函数（）{
if（url.startsWith（this.href））{
$（此）.lii.addClass（“活动”）；
}
});

编辑：如果您使用的是相对路径，则可以使用

windows.location.pathname

而不是

window.location.href

您必须使用函数而不是相等检查：

if（url.startsWith（this.href））{
//你的突出逻辑在这里
}

您必须使用函数而不是相等检查：

if（url.startsWith（this.href））{
//你的突出逻辑在这里
}

调试时会发生什么？调试时会发生什么？注意：IE不支持

startsWith

。注意：IE不支持

startsWith

。

<ul class="sidebar-nav sidebar-nav-icons">
  <li><a href='/'><i></i>bla bla</a></li>
  <li><a href="Shipments"><i></i>bla bla</a></li>
</ul>

$(function() {
  var url = window.location.href;
  $(".sidebar-nav-icons a").each(function() {
    if (url == (this.href)) {
      $(this).closest("li").addClass("active");
    }
  });
});