Question

我在下面使用javascript来检测我所在的页面网址并更改超链接颜色 CSS类名为＆＃39; current＆＃39;。

然而，它无法检测https://stackoverflow.com/product/javascript之类的子页面，javascript是产品的子页面，所以当我在javascript页面中时，应该启用产品超链接菜单＆＃39; current＆＃ 39; 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');
    }
  });
});

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

1 个答案: