Javascript 单击向li添加类

我一定是错过了一些东西，因为我认为这是可行的。我有一个导航栏，点击链接，你可以通过网站导航到，很简单。。因此，当我点击一个锚定标签时，我想让li给它分配一个类名，基本上为链接添加一些样式，这样用户就可以识别他们在哪个页面上

导航栏

 <ul id="main-menu" class="clearfix">
    <li>
      <%= link_to '<i class="icon-home"></i> Home'.html_safe, root_path %>
    </li>

    <li>
      <%= link_to '<i class="icon-desktop"></i> About Me'.html_safe, pages_aboutme_path %>
   </li>

    <li>
      <%= link_to '<i class="icon-picture"></i>  Portfolio'.html_safe, pages_portfolio_path %>
    </li>

    <li>
      <%= link_to '<i class="icon-comments"></i> Blog'.html_safe, blog_path %>
    </li>

    <li>
      <%= link_to '<i class="icon-envelope"></i> Contact'.html_safe, contact_path %>
    </li>
  </ul>

我是否正确地认为是新页面的呈现导致了这里的问题

---

当点击链接时，页面正在改变，这意味着所有HTML都被重新加载-在你注意到之前清除任何添加的CSS类。您最好使用服务器端脚本来确定哪个页面是活动的，并在单击链接时发送带有活动类的HTML。页面正在更改，这意味着所有HTML都将重新加载-在您注意到任何添加的CSS类之前清除它们。您最好使用服务器端脚本来确定哪个页面是活动的，并将HTML与活动类一起发送到li上。是的，当您不阻止链接的默认操作并且单击导航离开当前页面时，添加的类将在新加载的页面上丢失。

是的，如果不阻止链接的默认操作，并且单击导航到当前页面之外，则添加的类将在新加载的页面上丢失

jQuery('a').click(function () {
    jQuery(this).parent().addClass('current-menu-item');
});

---

是否会在呈现新页面时立即忽略此问题？是否会在呈现新页面时立即忽略此问题？

jQuery('a').click(function () {
    jQuery(this).parent().addClass('current-menu-item');
});