読者です 読者をやめる 読者になる 読者になる

kikeda1104's blog

備忘録・技術に関することを書いています。(webエンジニア)

java scriptでaタグにclassを追加する.

classを追加するためにjava scriptを書くことがあったの記事してみる。

jQueryセレクタを使うことで簡単に実現できたけれども、 あるhrefを含むaタグにclass=" active"を加えたかった。

jQuery 
htmlへの埋め込み
<script type="text/javascript">
  $(document).ready(function() {
     $("a.class_name").removeClass("active"); // すでについているactiveを消す
     $("a.class_name[href='" + location.href.substring(location.href.lastIndexOf("/"), location.href.length) + "']").addClass("active");  
    // urlの末尾から/を検索した位置からurlの文字列を取り出す Query Stringを考慮にはいれていない 
  });
</script>

java scriptで作る考え方ができていないので、まだ写経ですすめていくかな。