hitode909の日記

趣味はマリンスポーツですの日記です

選択中のタブをハイライトしたいとき

タブみたいな感じでリンクが並んでいて,選択中のタブは見た目を変えたい,みたいなとき,テンプレートでifとか書いてもいいけど,JSでやると簡単にできて,いろんなところで使い回せる.
リンク先が表示中のページと一致するか判定する.

$(function() {
  $('a').each(function() {
    if (this.href === location.href) {
      $(this).css({
        'font-weight': 'bold',
        'font-size': '120%'
      });
    }
  });
});