本文为大家详细介绍下关于指定表格及指定列的隐藏或显示
获取表格的列数等等表格相关的使用技巧
感兴趣的朋友可以参考下哈
希望对大家有所帮助
关于指定表格指定列隐藏显示
复制代码 代码如下:
$(":checkbox[name*=month]")
each(function(){
if(!$(this)
attr("checked")){
var colnum = $(this)
val();
$("#listPage")
find(
tr
)
find("td:eq(" + colnum
toString() + ")")
hide();
$("#listPage")
find(
tr
)
find("th:eq(" + colnum
toString() + ")")
hide();
} else {
var colnum = $(this)
val();
$("#listPage")
find(
tr
)
find("td:eq(" + colnum
toString() + ")")
show();
$("#listPage")
find(
tr
)
find("th:eq(" + colnum
toString() + ")")
show();
}
});
或者
复制代码 代码如下:
$(document)
ready(function(){
$("td:eq(
)"
$("tr"))
hide();
$("td:eq(
)"
$("tr"))
hide();
$("td:eq(
)"
$("tr"))
hide();
$("#button
")
click(function(){
$("td:eq(
)"
$("tr"))
toggle(
); //设置为
表示不用动画
就
秒的时间来展示或者隐藏
$("td:eq(
)"
$("tr"))
toggle(
);
$("td:eq(
)"
$("tr"))
toggle(
);
});
});
获取表格的列数
复制代码 代码如下:
var col = $("#listPage")
find("th")
prevAll()
length;//获取表格列数
for(var i=
;i<=col;i++){
if($("#listPage")
find(
tr
)
find("th:eq(" + i
toString() + ")")
css("display")==
none
) {//判断列是否被隐藏
$("input[value="+i+"]")
attr("checked"
false);
} else {
$("input[value="+i+"]")
attr("checked"
true);
}
}
在jquery中如果想查找一个可见的元素用 :visible
例如$("tr:visible")
如果想找不显示的可以用
$("tr:not(:visible)")就行了
