階層が一律じゃないサイドメニューにカレントをつけたい

サイドメニューとして全画面共通化したulメニューに、jqueryでカレントをつけたいと思っています。

現在のソースです。

html
1<nav id="sNav">
2      <ul>
3        <li><a href="../page1/">ページ１一覧</a></li>
4        <li><a href="../page2/">ページ２一覧</a></li>
5        <li><a href="../page3/">ページ３一覧</a></li>
6        <li><a href="../page1/detail.html">ページ１詳細画面</a></li>
7        <li><a href="../page2/detail.html">ページ２詳細画面</a></li>
8        <li><a href="../page4/">ページ４一覧</a></li>
9      </ul>
10    </nav>

js
1$(function(){
2  $('#sNav li a').each(function(){
3    var $href = $(this).attr('href');
4    if(location.href.match($href)) {
5      $(this).addClass('current');
6    } else {
7      $(this).removeClass('current');
8    }
9  });
10});

このソースですと、全てのページで意図したとおりにカレントはつくのですが、詳細画面の時は、上階層にあたる一覧のメニューにもカレントがついてしまいます。

詳細ページを表示時は上階層のメニューにはカレントをつけないというのはどのような書き方をしたら良いのでしょうか？
条件をどのようにはめたら良いのかでよくわからなくなってしまいました、、

行動規範の内容に同意します

回答1件

ベストアンサー

解釈が違ったらすみません

javascript
1$(function(){
2  $('#sNav .current').removeClass('current');
3  $('#sNav a').filter(function(){return $(this).prop('href')==location.href;}).addClass('current');
4});