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

スポンサーリンク

備忘。

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>

 

 

ABOUTこの記事をかいた人

dsuga

20代中頃まで、音楽をやりながらプラプラ。ドラム。
司法書士試験の勉強を1年強するも、落ちたのでとりあえずシステム会社に就職する。
仕事では主にWEBサイトの制作に携わり、ディレクター・デザイン・コーディング・プログラムはひと通りやった。
最近ではアプリ開発も行う。
次をどうしようか考えてる。
独立しました。

残飯処理担当。
出されたものは残さないがモットー。

TwitterやFacebookの申請大歓迎です。