非侵入的な実装、より便利な制御レンダリング: コードをコピー コードは次のとおりです: JavaScript の練習 < ;/script> ; <BR><style type="text/css"> <br>table{width:300px;} <br>caption{background:#DCA;} <br>th{background:#FCA; width:50 %;} <br>td{text-align:center;} <br></style> <br><script type="text/javascript"> (function( ){ <br>odd= {"background":"#EDA","color":"#3F5"};//奇数スタイル<br>even={"background":"#2DA"," color": "#875"};//偶数スタイル<br>odd_even("#table_test",odd,even); <br>}); <br>function odd_even(id,odd,even){ <br> $(id ).find("tr").each(function(index,element){ <br>if(index%2==1) <br>$(this).css(odd); <br>else <br> $(this).css(even); <br>} <br></head> ;テーブル ID ="table_test"> <br><caption>title<tr> <br><th>年齢</th> ; <br></tr> <br><td>/td> <br></tr> ><tr><br><td>李</td> <br><tr> ;A</td><br></tr><br><td>李< ;/td><br><tr> <br><td>B</td><br> ; <br><br><br> </td> <br> <br> <td>張</td><br></tr><br></td> ><td>B</td> <br></body> <br><br> </tr> </div>