ナビゲーションの現在地にclassを付与

Question

下記のコードで現在地(gnav_item a)がハイライトするものを作りたいのですが今のコードではgnav_list-childの一番下のページの時のみにクラスが付与されてしまいます。
これをgnav_list-childの全てのページで親要素(gnav_item a)にクラスを付与したいです。
拙い説明で申し訳ありませんがご教授お願いいたします。

<ul class="gnav">
    <li class="gnav_item"> <a href="javascript:void(0);">ナビ1</a>
      <ul class="gnav_list-child">
        <li><a href="">ナビ1-1</a></li>
        <li><a href="">ナビ1-2</a></li>
        <li><a href="">ナビ1-3</a></li>
      </ul>
    </li>
    <li class="gnav_item"> <a href="javascript:void(0);">ナビ2</a>
      <ul class="gnav_list-child">
        <li><a href="/nl_acs-09.html">ナビ2-1</a></li>
        <li><a href="/nl_acs-10.html">ナビ2-1</a></li>
        <li><a href="/nl_acs-11.html">ナビ2-3</a></li>
      </ul>
    </li>
    <li class="gnav_item"> <a href="javascript:void(0);">ナビ3</a>
      <ul class="gnav_list-child">
        <li><a href="/nl_acs-15.html">ナビ3-1</a></li>
        <li><a href="/nl_acs-16.html">ナビ3-2</a></li>
        <li><a href="/nl_acs-17.html">ナビ3-3</a></li>
        <li><a href="/nl_acs-18.html">ナビ3-4</a></li>
      </ul>
    </li>
  </ul>

$(function(){
  $('.gnav_list-child li a').each(function(){
    var $href = $(this).attr('href');
    if(location.href.match($href)) {
      $(this).parents('.gnav_item').find("a").addClass('current');
    } else {
      $(this).parents('.gnav_item').find("a").removeClass('current');
    }
  });
});

Answer 1

ループ内で削除しているのが問題。

  $('.gnav_item a').removeClass('current');
  $('.gnav_list-child li a').each(function(){
    var $href = this.href;
    if(location.href.match($href)) {
      $(this).parents('.gnav_item').find("a").addClass('current');
    }
  });

Comments

[goldenb]

ありがとうございます。できました！