當您想美化HTML table樣式,可以利用nth-child selector輕鬆做到,要針對那個child等。
假設我有一table如下:
您可以使用jQuery code $("#mytable tr:nth-child(odd)").addClass("odd"); 達到在其child內tr的奇
數部分加上class odd。如此即可以快速套用上樣式!
假設我有一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。如此即可以快速套用上樣式!
留言
張貼留言