htmlのテーブルで偶数行と奇数行で違う背景色にしたい場合、
1 | < table > |
2 | < tr class = "odd" > |
3 | < td >1行目だよ</ td > |
4 | </ tr > |
5 | < tr > |
6 | < td >2行目だよ</ td > |
7 | </ tr > |
8 | < tr class = "odd" > |
9 | < td >3行目だよ</ td > |
10 | </ tr > |
11 | < tr > |
12 | < td >4行目だよ</ td > |
13 | </ tr > |
14 | </ table > |
みたいな感じで奇数行に目印をつけておいてcssで色指定ってのが定番だったわけだが
jQuery使えば「class=”odd”」っていう目印さえもいらない。
1 | $( function (){ |
2 | $( "tr:odd" ).addClass( "odd" ); |
3 | }); |
1 | < table > |
2 | < tr > |
3 | < td >1行目だよ</ td > |
4 | </ tr > |
5 | < tr > |
6 | < td >2行目だよ</ td > |
7 | </ tr > |
8 | < tr > |
9 | < td >3行目だよ</ td > |
10 | </ tr > |
11 | < tr > |
12 | < td >4行目だよ</ td > |
13 | </ tr > |
14 | </ table > |
htmlソースは綺麗でいいよね。
今どきのAjaxって、もう何でもできちゃうんじゃないかしら。