本文為大家詳細介紹下關於指定表格及指定列的隱藏或顯示
獲取表格的列數等等表格相關的使用技巧
感興趣的朋友可以參考下哈
希望對大家有所幫助
關於指定表格指定列隱藏顯示
復制代碼 代碼如下:
$(":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)")就行了
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19912.html
