jQueryでテーブルの行を1行おきに色分けする方法
テーブルでもリストでも、1行おきに色分けされていると見やすいですよね？
特に行数が多いときなんかは、特に見やすいです。
テーブルの行を1行おきに色分けする方法には、行一つ一つに class を付加していくという方法があります。
が、テーブルの行が100を超える場合なんかは、とてもじゃないですがめんどくさくてやってられません。
自動で class が付加されてくれればラクチンなわけです。
というわけで、jQuery を利用し、自動で行に class を付加してくれるようにします。
参考サイトはこちら
リストやテーブルを簡単かつ綺麗にストライプ状に色分けする方法 | THE HAM MEDIA
とりあえず、前提条件として、jQuery をダウンロードしてきて head で読み込んでおきましょう。
jQuery 1.3.1 Released
head 内で読み込み
<script src="jquery.js" type="text/javascript"></script>