html 将类添加到硬编码导航

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 将类添加到硬编码导航相关的知识,希望对你有一定的参考价值。

<!-- Hardcoded Nav -->

<nav>
	<a href="abc" class="active">ABC</a>
	<a href="def">DEF</a>
	<a href="ghi">GHI</a>
</nav>

<script type="text/javascript">

var currentPage = $(location).attr('pathname');
  $('nav a').each(function(){
  var eventURL = $(this).attr('href');
  if (currentPage == eventURL) {
  $(this).addClass('active');
  $(this).parent("nav").addClass("active");
  }
});

</script>

以上是关于html 将类添加到硬编码导航的主要内容,如果未能解决你的问题,请参考以下文章

php 将类添加到导航项(li)

当浏览器具有一定宽度时,jQuery将类和“数据切换”添加到引导导航锚点

如何使用 PHP 将类添加到“a href”元素?

仅当子容器具有内容时,如何将类添加到特定的父元素

如何将类添加到 wp_nav_menu 中的某些 li 元素

Sass:之后是不是可以使用 Sass 将类添加到 HTML 元素?