使用jQuery可以輕松實現表格奇數行變色的效果。下面是一個簡單的示例:
<table> <tr> <th>姓名</th> <th>年齡</th> <th>性別</th> </tr> <tr> <td>張三</td> <td>18</td> <td>男</td> </tr> <tr> <td>李四</td> <td>20</td> <td>女</td> </tr> <tr> <td>王五</td> <td>22</td> <td>男</td> </tr> </table>
使用以下jQuery代碼可以給表格每個奇數行設定背景顏色:
$(document).ready(function(){ $("table tr:nth-child(odd)").css("background-color", "#ccc"); });
這里使用了jQuery選擇器 :nth-child(odd),它可以選擇每個父元素的第奇數個子元素,也就是表格的奇數行。然后使用css()方法給這些奇數行設置了背景顏色。這樣就實現了表格奇數行變色的效果。
上一篇div esi 匯編
下一篇jquery表格增刪改查