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指定が出来ます。
グローバルナビとかに便利。