当前位置: 首页 > 工具软件 > jExpand > 使用案例 >

jquery-jExpand-表格操作思路

贲功
2023-12-01
$(document).ready(function() {
	//好设计,数据奇偶行操作
	//为数据奇数行添加类
	$("#dataTable tr:odd").addClass("odd");
	$("#dataTable tr:not(.odd)").hide();
	//表格导航标题显示
	$("#dataTable tr:first-child").show();

	$("#dataTable tr.odd").click(function() {
		$("#dataTable tr:not(.odd)").not($("#dataTable tr:first-child")).hide();
		//切换下一行显示
		$(this).next("tr").show();
		$(this).find(".arrow").toggleClass("up");

	});
});
 类似资料: