Javascript 如何在通过API获取所有数据后保留通过jQuery添加的类？

基本上，我想做的是根据单击的选项卡在导航链接中保持“活动”类。然而，问题是，由于我从API（使用节点）获取数据，它会刷新页面并恢复到其原始状态。我一直在研究，找不到答案。请帮忙

下面是正在发生的事情：

以下是我的HTML/EJS代码：

<ul class="nav nav-tabs">
  <li class="nav-item test">
    <a
      class="nav-link active"
      id="summer"
      aria-current="page"
      href="/season/2020/summer"
      >Summer</a
    >
  </li>
  <li class="nav-item test">
    <a class="nav-link" id="spring" href="/season/2020/spring">Spring</a>
  </li>
  <li class="nav-item test">
    <a class="nav-link" id="fall" href="/season/2020/fall">Fall</a>
  </li>
  <li class="nav-item test">
    <a class="nav-link" id="winter" href="/season/2020/winter">Winter</a>
  </li>
</ul>

<% for(let i = 0; i< animeSeason.anime.length; i++){ %>
<div class="row test">
  <div class="col-lg-3 col-md-6">
    <div class="card bg-dark text-white card-home">
      <a href="/season/<%= animeSeason.anime[i].title %>">
        <img
          src="<%= animeSeason.anime[i].image_url %>"
          class="card-img"
          alt="..."
        />
        <div class="card-img-overlay">
          <h5 class="card-title card-title-home">
            <%= animeSeason.anime[i].title %>
          </h5>
        </div>
      </a>
    </div>
  </div>
</div>

<% } %>

---

这是一个客户端javascript（当整个页面刷新时），您可以在页面加载时使用

.indexOf

$(() => {
  $('a.nav-link').filter((index , element) => {
    return window.location.href.indexOf($(element).attr('href')) > -1;
  }).addClass('active');
});

这就是它的工作原理

var url=”https://mywebsite.com/facebook/anything";  // 只是为了演示，不要在代码中使用它//如果你用google或twitter在这里更改facebook，它应该会激活它`

您好，我不太明白，但多次尝试解决方案，似乎都不起作用。“this.href”返回未定义的和console.log（window.location.href.indexOf（this.href）>-1）；返回一个假值。@KatMieu-answerupdated@Mohammed我在codeply中尝试了新的解决方案，但似乎仍然不起作用；

$(() => {
  $('a.nav-link').filter((index , element) => {
    return window.location.href.indexOf($(element).attr('href')) > -1;
  }).addClass('active');
});