Javascript 加载正确页面时，如何更改导航栏上链接的颜色？

问题真的很严重，我需要帮助。请帮助我，因为我陷入困境，我已经尝试了很多事情。所以请帮帮我，我真的需要帮助。这是我在课堂上制作的一个网站。我尝试过很多东西，但都没有成功！ 我更愿意在JQuery中这样做，但我想我做不到。我能不能这样做

li{
浮动：左；
}
.当前链接{
背景色：#4caf50；
}
李阿{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：停下来{
背景色：rgb（77,77,77）；
}
保险商实验室{
位置：粘性；
排名：0；
}
#家庭问候{
文本对齐：居中；
颜色：#000100；
}
身体{
背景色：rgba（131122122,0.479）；
}
h1{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
}
#欢迎光临{
宽度：60%；
高度：自动；
文本对齐：居中；
}
.中心{
显示：块；
左边距：自动；
右边距：自动；
}
#顶置导航{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
#底部导航{
背景色：#000000；
保证金：0；
填充：0；
溢出：隐藏；
}
.版权所有{
颜色：白色；
}

Mamoth的网站-主页






欢迎访问MAMOTH的网站！


©；布雷登·肯尼迪·威尔科克斯2019年

Mamoth的网站-主页






Mamoth的网站-主页






Mamoth的网站-主页

由于每个导航项都链接到一个新页面，因此您可以轻松创建一个新的CSS类

为其指定颜色并将类设置为链接元素：

.active{
颜色：#f00；
字体大小：粗体；/*无论您想做什么*/
}

Mamoth的网站-主页






Mamoth的网站-主页

手动将“活动”类添加到导航中的“a”标记中，并在CSS中使用类似的内容

#TOPNAV li a.active{color:red；}

• 请使用下面的jquery代码。它将首先获取您的web URL并检查href中的是您的URL，然后将类添加到您的链接中

  $(document).ready(function(){
  
  
  $('#TOPNAV a').each(function(){
  if(location.href.indexOf($(this).attr('href')) != -1){
    $(this).addClass('current-link');
  }
  });
  
  });
  

---

您已经有了单独的静态文档。是什么阻止您将

class=“active”

添加到当前导航栏链接并设置其样式？