如何添加class =＆＃34; active＆＃34;使用Javascript到li菜单栏

Question

我有以下问题：我想将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>

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

Answer 1

这应该可以正常工作：）

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