URLパスに基づいてアクティブなクラスを追加しますか？

Question

私のウェブサイトはさまざまなカテゴリに分かれています。各カテゴリには、記事があります。私はすべての記事のグリッドメニューであるカテゴリページとそのカテゴリ内の各記事ページの両方にアクティブなクラスを追加しようとしています。私が見たソリューションは、現在のURLとナビゲーションリンクに添付されているURLとを比較します。このソリューションはカテゴリグリッドページでは機能しますが、記事ページでは機能しません。物事を少し複雑にするために、グリッドページのパスは/categoryですが、そのカテゴリ内の記事のパスは/article/category/article-nameです。

カテゴリ内のすべての記事とカテゴリグリッドページに関連するアクティブなクラスをメニューリンクに配置する方法はありますか？可能であれば、私はJQueryソリューションを好むでしょう。

Answer 1

$(document).ready(function() { 
if (/category/.test(window.location.href)){ 
    //add the active class 
} else if (/article-name/.test(window.location.href)){ 
    //add the active class 
} 
}); 

このようなものはありますか？