jQuery - 利用nth-child selector製作html table樣式

當您想美化HTML table樣式,可以利用nth-child selector輕鬆做到,要針對那個child等。

假設我有一table如下:
  1.  <table id="mytable">
  2.         <tr>
  3.            <td>1</td>
  4.             <td>2</td>
  5.         </tr>
  6.         <tr>
  7.            <td>1</td>
  8.             <td>2</td>
  9.         </tr>
  10.         <tr>
  11.            <td>1</td>
  12.             <td>2</td>
  13.         </tr>
  14.   </table>

  您可以使用jQuery code $("#mytable tr:nth-child(odd)").addClass("odd"); 達到在其child內tr的奇

  數部分加上class odd。如此即可以快速套用上樣式!



留言