Javascript 检测当前页面并更改超链接颜色

Question

我有下面的 JavaScript 来检测我所在的页面 URL 并更改超链接颜色CSS 类名为“current”。

但是它无法检测像 https://stackoverflow.com/product/javascript 这样的子页面，javascript是产品的子页面，因此当我在javascript页面中时，应该使用“当前”CSS类启用产品超链接菜单。

$(function(){
      $('a').each(function() {
        if ($(this).prop('href') == window.location.href) {
          $(this).addClass('current');
        }
      });
    });

Answer 1

对于每个链接，您想查看 href 是否是当前页面的基础

$(function(){
  var windowHref = window.location.href;

  $('a').each(function(index) {
    var linkHref = $(this).prop('href');
    // assume "home" is the first link
    if (index === 0) {
      if (windowHref === linkHref) {
        $(this).addClass('current');
      }
    } else if (windowHref.indexOf(linkHref) === 0) {
      $(this).addClass('current');
    }
  });
});