人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryの質問です。

以下の様なソースがあります。
< nav id="g-nav">
< ul>
< li>< a href="http://123.jp">テキスト01< /a>< /li>
< li>< a href="http://456.jp">テキスト02< /a>< /li>
< li>< a href="http://789.jp">テキスト03< /a>< /li>
< /ul>
< /nav>

このliに対して
もし、現在のページのURLとリンク先のURLが同じだったら、そのliにcurrentというclassをつける
という命令を書きたいのですが、うまく書けません。。

location.hrefで現在のページと、liのsrcを拾ってきて、ifとforをうまく組分せれば書けそうな気がするのですが、組み合わせ方が間違っているのかお手上げです。。。

具体的な記述含めご教授頂けると嬉しいです。

よろしくお願いいたします。


●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

質問者から

考えて見たのですが、上記方法ができたとしても、セカンドページのサブメニューに入ってしまうと別urlになるからダメなのかなという気がしてきました…。どうなんでしょう。そこも踏まえて考えてみようと思います。
良い案を教えていただける方がいらっしゃいましたらお願いします。


1 ● 匿名回答1号
ベストアンサー
$( 'nav#g-nav li a[href*="' + location.hostname + '"]' )
 .parent('li')
 .addClass('current')

匿名質問者さんのコメント
なるほど。自分が難しく考えすぎていたのかもしれません。 頂いたソースをもとに、必要に応じて追加修正しながら頑張ってみようと思います。 ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ