Ajax

htmlのテーブルで偶数行と奇数行で違う背景色にしたい場合、

<table>
     <tr class="odd">
          <td>1行目だよ</td>
     </tr>
     <tr>
          <td>2行目だよ</td>
     </tr>
     <tr class="odd">
          <td>3行目だよ</td>
     </tr>
     <tr>
          <td>4行目だよ</td>
     </tr>
</table>

みたいな感じで奇数行に目印をつけておいてcssで色指定ってのが定番だったわけだが

jQuery使えば「class=”odd”」っていう目印さえもいらない。

$(function(){
     $("tr:odd").addClass("odd");
});
<table>
     <tr>
          <td>1行目だよ</td>
     </tr>
     <tr>
          <td>2行目だよ</td>
     </tr>
     <tr>
          <td>3行目だよ</td>
     </tr>
     <tr>
          <td>4行目だよ</td>
     </tr>
</table>

htmlソースは綺麗でいいよね。

今どきのAjaxって、もう何でもできちゃうんじゃないかしら。

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