javascript - 如何标记选中的元素？

Question

我正在使用 html、css 和 javascript 构建一个页面...使用后端 java、jsp。

我有一个适合所有页面的页眉...我“包含”了它。

如何标记引用以不同方式打开的页面(“事件”)的元素？

我的 javascript 知识几乎为零......我试过这样。

$(document).ready(function () {
  $("li a[href='" + location.href.substring(location.href.lastIndexOf("/") + 1, 255) + "']").addClass("itemActive");
});

CSS:

.itemActive {
    color: red;
}

主页未标记为事件...点击其他页面后代码正常工作...当我再次点击主页时不起作用。

<ul class="navbar-nav mr-auto">
                <li class="nav-item"><a href="home.do">Painel</a></li>
                <li class="nav-item"><a href="gerencardapio.do">Cardapio</a></li>
                <li class="nav-item"><a href="integracao.do">Integração</a></li>
            </ul>

Answer 1

您可以使用 active第一个类<li>即 Painel 并为其提供所需的 CSS。这将解决您的问题。