我想要一个导航到 <a></a>
的 jQuery 动态菜单标记和包含在页面 URL 中的标记。
$('ul.nav.navbar-nav.side-nav.nicescroll-bar li').find('a').each(function() {
var text = $(this).attr("href");
if (window.location.href.includes(text)) {
$('ul.nav.navbar-nav.side-nav.nicescroll-bar li a').addClass('active')
} else {}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav navbar-nav side-nav nicescroll-bar" style="overflow: hidden; width: auto; height: 100%;">
<li><a href="home">home</a></li>
<li><a href="dashboard">dashboard</a></li>
<li><a href="base">base</a></li>
<li><a href="test">test</a></li>
</ul>
在这段代码中,所有菜单都有颜色变化,应该根据页面的地址改变菜单的颜色。
最佳答案
只需删除else中的类:
if (window.location.href.includes(text)) {
$(this).addClass('active')
} else {
$(this).removeClass('active')
}
关于javascript - 如何使用 jquery 将特定类添加到 anchor 标记 href 等于 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53411862/