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


関連記事

この記事のハッシュタグに関連する記事が見つかりませんでした。

最新記事

カテゴリー

アーカイブ

ハッシュタグ