Как добавить класс в два места меню с jQuery

Question

<div class="leftside-navigation"> 
     <ul class="sidebar-menu" id="nav-accordion"> 
     <li class="sub-menu"> 
      <a href="javascript:;"> 
       <i class=" fa fa-bar-chart-o"></i> 
       <span>Charts</span> 
      </a> 
      <ul class="sub"> 
       <li><a href="morris.html">Morris</a></li> 
       <li><a href="chartjs.html">Chartjs</a></li> 
       <li><a href="sdad.sas">Flot Charts</a></li> 
       <li><a href="c3_chart.html">C3 Chart</a></li> 
      </ul> 
     </li> 
     <li class="sub-menu"> 
      <a href="javascript:;"> 
       <i class=" fa fa-bar-chart-o"></i> 
       <span>Maps</span> 
      </a> 
      <ul class="sub"> 
       <li><a href="google_map.html">Google Map</a></li> 
       <li><a href="test.php">Vector Map</a></li> 
      </ul> 
     </li> 
     <li class="sub-menu"> 
      <a href="javascript:;"> 
       <i class="fa fa-glass"></i> 
       <span>Extra</span> 
      </a> 
      <ul class="sub"> 
       <li><a href="blank.html">Blank Page</a></li> 
       <li><a href="lock_screen.html">Lock Screen</a></li> 
       <li><a href="profile.html">Profile</a></li> 
       <li><a href="invoice.html">Invoice</a></li> 
       <li><a href="pricing_table.html">Pricing Table</a></li> 
       <li><a href="timeline.html">Timeline</a></li>      
       <li><a href="qqw.qq">Media Gallery</a></li> 
       <li><a href="404.html">404 Error</a></li> 
       <li><a href="500.html">500 Error</a></li> 
       <li><a href="registration.html">Registration</a></li> 
      </ul> 
     </li> 
     <li> 
      <a href="login.html"> 
       <i class="fa fa-user"></i> 
       <span>Login Page</span> 
      </a> 
     </li> 
    </ul></div> 

У меня есть меню, как показано выше. Как я могу добавить class = "active" в два места, как показано ниже, с помощью jquery.

Пример: - . . .

<li class="sub-menu"> 
      <a href="javascript:;" class="active"> 
       <i class=" fa fa-bar-chart-o"></i> 
       <span>Maps</span> 
      </a> 
      <ul class="sub"> 
       <li><a href="google_map.html">Google Map</a></li> 
       <li class="active"><a href="vector_map.html">Vector Map</a></li> 
      </ul> 
     </li> 

. . .

Это означает, что нужно добавить class = "active" в два места в соответствии с ссылкой на URL в браузере. в этом примере ссылка url равна http://test.com/testproject/vector_map.html.

Заранее спасибо.

Answer 1

Добавление класса для второго лития с помощью JQuery

$("ul.sub li:eq(1)").addClass("active"); 

FIDDLE