Javascript 通过jquery向li和父级添加活动类

我是javascript的初学者，我一直在尝试使用jquery将

active

类添加到

li

中，即单击时，展开

li

并将其激活：

  <script>
      $(document).ready(function() {
           var url = window.location['pathname'];
           jQuery('li a').each(function() {
               if($(this).attr('href') == url)
                   $(this).parent().addClass('active');
           });
       });
  </script>

---

因此，您需要在所有

.treeview

上应用

active

类，使用：

---

实际上，将

parent（）

更改为

parents（）

修复了它：

$（this.parents（）.addClass（'active'）

<aside class="main-sidebar">
   <section class="sidebar">
      <ul class="sidebar-menu" data-widget="tree">
         <li class="header">MENU</li>
         <li class="treeview active">
            <a href="#">
            <i class="fa fa-table"></i> <span>USER</span>
            <span class="pull-right-container">
            <i class="fa fa-angle-left pull-right"></i>
            </span>
            </a>
            <ul class="treeview-menu">
               <li><a href="{{ url_for('add')}}"><i class="fa fa-plus"></i> Add</a></li>
               <li class="treeview active">
                  <a href="#"><i class="fa fa-circle-o"></i> Profile
                  <span class="pull-right-container">
                  <i class="fa fa-angle-left pull-right"></i>
                  </span>
                  </a>
                  <ul class="treeview-menu">
                     <li class="active"><a href="{{ url_for('view')}}"><i class="fa fa-circle-o"></i> View </a></li>
                     <li><a href="{{ url_for('settings')}}"><i class="fa fa-circle-o"></i> Settings </a></li>
                  </ul>
               </li>
            </ul>
         </li>
      </ul>
   </section>
</aside>

$(this).parents('.treeview').addClass('active');