javascript - 当页面处于事件状态时更改类

Question

当我更改页面时，如何将 .html 页面设置为事件状态？这是更改导航栏中的事件选项卡所必需的。我应该将类 .current_page_item 添加到导航的事件 li 中。

我进行了一些搜索，但找不到合适的答案。

Answer 1

这就是 jquery 所需要的

   <script>
   $(document).ready(function(){

       var links = $('nav').children();
       $.each(links, function(key, value){
          if(value.href == document.URL){
           $(this).addClass('current_page_item');
          }
       });
   </script>
    <nav>
        <a href="/link1">link-1</a>
        <a href="/link2">link-2</a>
        <a href="/link3">link-3</a>
        <a href="/link4">link-4</a>
        <a href="index.html">link-5</a>
    </nav>

链接 5 将获取事件类，因为它与当前 url 相同

<小时/>

结果

<nav>
    <a href="/link1">link-1</a>
    <a href="/link2">link-2</a>
    <a href="/link3">link-3</a>
    <a href="/link4">link-4</a>
    <a class="current_page_item" href="index.html">link-5</a>
</nav>

<小时/>