JavaScript:ページ内全ての<li>に偶数・奇数のクラスを付与する

goto_jp 387views 更新:2014年8月4日
window.onload=function(){
    var uls = document.getElementsByTagName("ul");      //ページ内すべての<ul>を取得
    for (i = 0; i < uls.length; i++) {                  //全<ul>ループ
        var lis = uls[i].getElementsByTagName("li");    //対象の<ul>内すべての<li>を取得
        for (j = 0; j < lis.length; j++) {              //対象<ul>内ループ
            if(j % 2 == 0) {                            //偶数・奇数判別
                lis[j].className += " even";
            } else {
                lis[j].className += " odd";
            }
        }
    }
}

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません