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

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

假設我有一table如下:
 <table id="mytable">
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
  </table>

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

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



留言