如何添加class="active"使用Javascript创建菜单栏

How to add class="active" to li menu bar with Javascript

本文关键字：quot active Javascript 菜单栏 创建 使用 何添加 添加 class      更新时间：2023-09-26

我有以下问题:我想添加class="active"到li匹配我使用javascript冲浪的网页(我使用jQuery库)。我不知道如何做到这一点，尽管我尝试了许多在这里和其他网站上找到的例子。这是我的html:

<header>
  <div id="menu" class="clearfix">
    <nav class="navigation">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="blabla.html">Bla</a></li>
        <li><a href="blablabla.html">Blablabla</a></li>
        <li><a href="blaX4.html">Tools</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

非常感谢!任何答案将不胜感激!

这应该可以正常工作:)

   $(document).ready(function () {
            var url = window.location;
    $('.navigation ul li a[href="'+url+'"]').parent().addClass('active');
    });
相关文章：