通过每行相对于父标签的奇偶属性添加不同的样式进行隔行变色。
先加入奇数行和偶数行的样式
.odd {
background-color: #ffc; /* pale yellow for odd rows */
}
.even {
background-color: #cef; /* pale blue for even rows */
}
在文档元素都加载完成后启用。
$(document).ready(function() {
$('tr').addClass('odd');
$('tr:even').addClass('even'); //奇偶变色,添加样式
});