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

jQueryでlocationの取得

jQueryでグローバルナビのaタグのURLと現在のURLが同じだったら.activeを付けると言う記述を書いています。

location.hrefで現在のページのURLは取得出来ます。
グローバルナビのaタグ情報とlocation.hrefが一致した時の処理もかけます。

ただ、第2階層はそれでよいとして第3階層移行もその設定を引き継ぐにはどうすればよいのでしょうか?
現在です。
< ul>
< li>< a href="http://hogehoge.jp/about/">〜
< li>< a href="http://hogehoge.jp/work/">〜
< /ul>
のようになっています。
http://hogehoge.jp/about/のページに行ったときは.activeが付くのですが、さらに階層が下がると消えてしまいます。
例:http://hogehoge.jp/about/hatena/ のように

/about/の部分より下の階層に行ってもずっと.activeを維持するによい記述方法はないでしょうか。
具体的にコードを教えて頂きたいです。よろしくお願い致します。

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

▽最新の回答へ

1 ● 匿名回答1号
ベストアンサー

一致ではなくstartsWith使えばよいのでは?


匿名質問者さんのコメント
ありがとうございます。それはindexOf等でも代用できたりするのでしょうか? 質問欄にも書かせていただいたのですが、よろしければ具体的な記述方法を教えて頂けると嬉しいです。

匿名回答1号さんのコメント
代用は可能です。 #startsWithはブラウザ依存でしたね(^^; 記述は特に複雑なことはなく、a.href == location.hrefをlocation.href.indexOf(a.href) === 0とでもすればOKだと思います。
関連質問

●質問をもっと探す●



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