javascript - 将当前标签类应用到当前页面？

Question

我有一个导航菜单，在这个菜单中我有“选择”标签和“当前”标签，指的是用户当前所在的页面。因此，在每个 HTML 页面中，无论用户在什么页面上，在导航菜单中，他们选择的元素在某种意义上都是突出显示的，以告知他们他们在哪个页面上。

问题是什么？我希望能够在 JavaScript 和/或 jQuery 中自动执行此操作，因为我将在内容管理系统和/或包含中实现此操作，并且如果 NAVIGATION MENU 是与静态 HTML/CSS 相对的包含。

这有意义吗？ 有什么想法吗？

非常感谢! 亚伦

Answer 1

由于您没有提供任何代码，我只能给您一个一般示例，但如果 URL 等于菜单链接，这可能会起作用。

$('.navigation>ul>li>a').each(function(){
  if($(this).prop('href') == (window.location.pathname.match(/.*\/(.*)$/)||['',''])[1]){
    $(this).addClass('current');
  }
});