jquery 표 및 표 열 숨 김 및 표시 문제 검토

1.지정 한 표 의 열 숨 김 표시
 
$(":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(2)",$("tr")).hide();
$("td:eq(3)",$("tr")).hide();
$("td:eq(4)",$("tr")).hide();
$("#button1").click(function(){
$("td:eq(2)",$("tr")).toggle(1000); // 0 ,1000 1
$("td:eq(3)",$("tr")).toggle(1000);
$("td:eq(4)",$("tr")).toggle(1000);
});
});
2.표 의 열 수
 
var col = $("#listPage").find("th").prevAll().length;//
for(var i=0;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')를 사용 하 십시오.

좋은 웹페이지 즐겨찾기