☰

bodyタグにクラスを追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon jquery
bodyタグにクラスを追加するにはどうすればいいですか? 質問する

jQuery を使用して body タグにクラスを追加したい。

例えばURLがhttp://www.mywebsite.com/about_us.asp最初の 5 文字 (この場合は「about」) を body タグに追加します。

<body class="about">

どうやってやるの？

ベストアンサー1

こうすればできるはずです:

var newClass = window.location.href;
newClass = newClass.substring(newClass.lastIndexOf('/')+1, 5);
$('body').addClass(newClass);

「5 文字」という点が少し心配です。この種の恣意的なカットオフは通常、危険信号です。_ または . まですべてをキャッチすることをお勧めします。

newClass = newClass.match(/\/[^\/]+(_|\.)[^\/]+$/);

このパターンでは次の結果が得られます。

  • ../about_us.html： について
  • ../something.html： 何か
  • 。./has_two_underscores.html： もっている

おすすめ記事