jQueryで付与したclassの有無を判別し、さらにclassを付与したい

①jQueryでclassを付与して、
②その付与したclassがあるその親の要素にさらにclassをつける
という仕組みを作りたいのですが、
どのように記述したらよいかわかりません。

グローバルナビのカレント表示を作成しています。
①URLが現在のURLとマッチしたらそのa要素にclass="active"を適用し、
②さらにclass="active"を持つ親要素liにclass="current"を付与する
という流れを作りたいです。

$(function(){
// ２階層目のURLを取得、class="activeNav"を付与
    $(document).ready(function() {
        var activeUrl = location.pathname.split("/")[2];
            navList = $(".gNav").find("a");
     
        navList.each(function(){
            if( $(this).attr("href").split("/")[2] == activeUrl ) {
                $(this).addClass("active");
            };
        });
    });
// class="active"を持つ親要素liにclass="current"を付与
    if($('a').hasClass('active')) {
        $('.activeNav').parents('li').addClass('current');
    }
});

この書き方だと、ページを読み込んだ時点でclass="active"が付与されていないため、addClass="current"が適用されないということなのだと思うのですが、jQueryで後から付けたclassの有無を判別するにはどうしたらよいのでしょうか？

文章がわかりづらいうえ、初歩的な質問でお恥ずかしいですが、よろしくお願いいたします。

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

回答1件

ベストアンサー

javascript
1navList.each(function(){
2  if( $(this).attr("href").split("/")[2] == activeUrl ) {
3    $(this).addClass("active");
4    $(this).parents('li').addClass('current');
5  };
6});