根据URL将活动类添加到侧边栏项目

Question

我正在使用laravel，并且刷新页面时未选择侧边栏上的活动项目，this : li class="{{ (request()->is('admin/cities*')) ? 'active' : '' }}">（是一种简单的解决方案），但是看起来并不好。我如何使用jquery或其他工具做到这一点？

$(document).ready(function() {

  $('ul li a').click(function() {
    $('li a').removeClass("active");
    $(this).addClass("active");
  });
});

<style>.sidebar-link.active,
.sidebar-link:focus {
  background: #e2e8ed;
  color: grey !important;
  text-decoration: none;
}

</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="sidebar" class="sidebar py-3">
  <ul class="sidebar-menu list-unstyled">

    <li class="sidebar-list-item"><a href="/test" class="sidebar-link text- 
   muted active"><i class="la la-dashboard mr-3 text-gray "></i> 
   <span>Dashboard</span></a>
    </li>

    <li class="sidebar-list-item"><a href="/test2" class="sidebar-link text- 
   muted"><i class="la la-dashboard mr-3 text-gray "></i> 
   <span>Test</span></a>
    </li>
    <ul>

</div>