日期:2014-05-16  浏览次数:20352 次

表格间隔换色js

玩法:给table加一个DataTable的class。

?

第一版

?

$(document).ready(function () {
??? //间隔换色
??? $("table.DataTable").each(function () {
??????? $(this).bind("stripe", function () {
??????????? $("tbody tr", this).each(function (index) {
??????????????? if ($("th", this).length) {
??????????????????? $(this).addClass("subhead");
??????????????? }
??????????????? else {
??????????????????? $(".DataTable tr:even").not("tr:first").addClass("even");
??????????????????? $(".DataTable tr:odd").addClass("odd");
??????????????? }
??????????? });
??????? });
??????? $(this).trigger("stripe");
??? });
});

?

升级版

?

$(document).ready(function () {
??? //间隔换色
??? $(".DataTable tbody tr:has(th)").addClass("subhead");
??? $(".DataTable tr:even").not("tr:first").addClass("even");
??? $(".DataTable tr:odd").addClass("odd");
});