javascript - onclick jquery 添加/删除类功能不起作用

Question

我对所有网页使用单个导航文件，因此我需要根据点击功能添加或删除类。但不知怎的，它工作得不好。任何帮助将不胜感激。

$(function() {
  $("li").on("click", function() {
    $("li.active").removeClass("active");
    $(this).addClass("active");
  });
});

<div class="nav-side-menu">
  <div class="brand">Brand Logo</div>
  <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
  <div class="menu-list">
    <ul id="menu-content" class="menu-content collapse out">
      <li style="cursor: pointer;" onclick="window.location='new-patient.php';">
        <a><i class="fa fa-plus-square"></i>New Patient</a>
      </li>
      <li style="cursor: pointer;" onclick="window.location='returning-patient.php';">
        <a><i class="fa fa-plus-square"></i>Returning Patient</a>
      </li>
    </ul>
  </div>
</div>

Answer 1

$('#menu li a').on('click', function(){
    $('#menu li a.current').removeClass('current');
    $(this).addClass('current');
});

JSFiddle