URLに特定の文字列があった場合にclassを指定する
webを作っていると、見ているページのリンクを反転したり、何らかの指定をしたい場合が結構あります。そこでURLに特定の文字列(カテゴリー名とか)があった場合にclassを追加する簡単なjs。
例)ニュースのURLがwww.xxx.com/news/だった場合
/*jsの記述*/ $(function(){ newsUrl = new RegExp("/news/", "i"); stayUrl = document.URL; if(stayUrl.match(newsUrl)){ $("#menuNews").addClass("stay"); } }); /*htmlの記述*/ <ul> <li id="menuNews">ニュース</li> <li id="menuItem">商品情報</li> <li id="menuCompany">会社情報</li> </ul>
これで見ているページがニュースの場合に、「stay」のclass指定が出来ます。
グローバルナビとかに便利。