将菜单li的类别更改/添加为“活动”基于特定URL

Question

我有一个带li的导航菜单，链接到许多不同网址的网页。如何根据显示的页面的URL将导航菜单的类.has-sub更改为.active？因此，无论何时加载“Galleries”导航下的页面，导航链接都是“活动的”。

HTML ：

<ul>
   <li class='active'><a href='http://www.example.com/' id="HOME">Home</a></li>   
   <li class='has-sub'><a href='http://www.example.com/galleries.html' id="GALLERIES">GALLERIES</a>
      <ul>
         <li><a href='http://www.example.com/color.html'>Color</a></li>
         <li><a href='http://www.example.com/product-gallery.html'>Product</a></li>
         <li><a href='http://www.example.com/galleries/other/index.html'>Other</a></li>
      </ul>
   </li> 
</ul>

我不知道如何使用jquery。