<div class="codetitle"> <span><a style="CURSOR: pointer" data="4253" class="copybut" id="copybut4253" onclick="doCopy('code4253')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code4253"> <br><style type="text/css"> <BR> body { <BR>font-size:12px; text-align:center; <BR>} <BR>#tbStu { <BR>width:260px;border:1px plain #666;background-color:#eee ; <BR>} <BR>#tbStu tr { <BR>line-height:23px; <BR>} <BR>#tbStu tr th { <BR>background-color:#ccc;color:#fff; >} <BR>#tbStu .trOdd { <BR>background-color:#fff; <BR>} <BR></style> <br><script src="jQuery/jquery-1.9.1.js%20"> </script> <br><script type="text/javascript"> <BR>//通常のJSの書き方<BR>//window.onload = function () { <BR>// var oTb = document .getElementById('tbStu'); <BR>// for (var i = 0; i <oTb.rows.length-1; i ) { <BR>// if (i % 2) <BR>// { <BR>// oTb.rows[i].className = "trOdd"; <BR>// } <BR>// } <BR>//} <BR>//jQueryセレクターの書き方(テーブル行を選択、1 行おき、行を選択) <BR>$(function () { <BR>$('#tbStu tr:nth-child(even)').addClass("trOdd"); <BR>//jQuery は、DIV のコンテンツをコピーするときに、DIV が存在するかどうかを検出する必要はありません <BR>// $('#divMain').html('これは検出ページです'); }) <BR></script> <br> <br><table id="tbStu" cellpadding="0"> ><tbody> <tr> <br><th>名前</th> <th></th> <th>パート <br><br> </th> </tr> <tr> <br><td>1001</td> <td>張暁明</td>男性<br> td>320</tr> <br><td>350<br> <br> </td> <tr> <br><td>1003</td> <td>張三</td> <td>男性<br> </td> </tr> <br> </tbody> <br> </table> </div>