Ajax

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って、もう何でもできちゃうんじゃないかしら。

コメントは受け付けていません。