jQueryで、リンクURLの一致を確認したい

＜前提＞
・var url = /
・var url = /○○/
・var url = /○○/△△/

この時、urlが一致するa要素のliタグにクラスを付与したい

$("li").addClass("active");だと全部に付与されてしまうので、上記条件を追加したいのですが、どうすすれば良いでしょうか？
$('li a href="+url+").addClass('active'); ???

No.1 ベストアンサー 回答者： tenderfeel 回答日時： 2012/08/18 03:33

属性セレクタが使えます。

​<ul>
<li><a href="/">menu1</a></li>
<li><a href="/foo/">menu2</a></li>
<li><a href="/foo/bar/">menu3</a></li>
<li><a href="/hoge/index.html">menu4</a></li>
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

/fooから始まるhref
$('a[href^="/foo"]').parent().addClass('foo');

bar/で終わるhref
$('a[href$="bar/"]').parent().addClass('bar');

htmlを含むhref
$('a[href*="html"]').parent().addClass('hoge');

デモ
http://jsfiddle.net/Tenderfeel/wmFbw/

参考URL：http://api.jquery.com/category/selectors/

この回答へのお礼

回答ありがとうございました。
大変参考になりましたー

お礼日時：2012/08/18 09:57