熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery關於表格及表格列隱藏和顯示問題探討

2013-11-15 11:55:38  來源: JSP教程 
本文為大家詳細介紹下關於指定表格及指定列的隱藏或顯示獲取表格的列數等等表格相關的使用技巧感興趣的朋友可以參考下哈希望對大家有所幫助  

  關於指定表格指定列隱藏顯示

復制代碼 代碼如下:
$(":checkbox[name*=month]")each(function(){
if(!$(this)attr("checked")){
var colnum = $(this)val();
$("#listPage")find(tr)find("td:eq(" + colnumtoString() + ")")hide();
$("#listPage")find(tr)find("th:eq(" + colnumtoString() + ")")hide();
} else {
var colnum = $(this)val();
$("#listPage")find(tr)find("td:eq(" + colnumtoString() + ")")show();
$("#listPage")find(tr)find("th:eq(" + colnumtoString() + ")")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(" + itoString() + ")")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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.