테이블의 특정 열이 표시되지 않도록 제어하는 ​​JavaScript 방법_javascript 기술

이 기사의 예에서는 JavaScript를 사용하여 테이블의 특정 열이 표시되지 않도록 제어하는 ​​방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

1. 테이블 코드

코드 복사 코드는 다음과 같습니다.

cellpadding="3" cellpacing="1" bgcolor="#dfdfdf">


                 날짜
                  미디어 이름
                   배포 형식
                  노출 수
                노출된 인원수
                   클릭수
                 클릭수
                  CTR
                 방문수
                 반송 횟수
                  액세스 깊이
                 시간/초 보기
                  참가자 수
                업무를 처리하는 인원수

본체>

테이블>

2. 권한에 따른 js 제어

참고: 데이터가 동적 데이터인 경우 할당이 완료된 후 td 표시를 제어하세요. 그렇지 않으면 td 헤더 제어가 성공하고 다른 줄은 실패하게 됩니다

if (uname === "guest") {
 $("#mytable tr").each(function() {
   $(this).find("td").eq(7).css("display", "none");
   $(this).find("td").eq(8).css("display", "none");
   $(this).find("td").eq(9).css("display", "none");
   $(this).find("td").eq(10).css("display", "none");
   $(this).find("td").eq(11).css("display", "none");
   $(this).find("td").eq(12).css("display", "none");
   $(this).find("td").eq(13).css("display", "none");
 });
}

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.