테이블과 테이블 columns_jquery의 숨기기 및 표시에 대한 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);
}


3. jquery에서 표시되는 요소를 찾으려면 다음을 사용하세요.

예: $("tr:visible")
원하는 경우 숨겨진 요소를 찾으려면
$("tr:not(':visible')") 을 사용하면 됩니다.