【jQuery】グローバルナビゲーションで現在のページ(カレントページ)にclassを自動追加

ビットコイン取引高日本一の仮想通貨取引所 coincheck bitcoin

スポンサーリンク

備忘。

URLを取得し、自動的にclassを追加する。
グローバルナビゲーションなどに。

やり方

jQuery読み込み

まずjQueryを読み込みます。

HTMLソース

<a>タグにclass[current]を追加

実行結果:<li class=”gnav1″><a class=”current” href=”/”>メニュー1</a></li>

対象となる<a>タグの、親<li>にclass[current]を追加

実行結果:<li class=”gnav1 current”><a href=”/”>メニュー1</a></li>