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

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

1. 테이블 코드

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

e522c607f471ee6985c25d585781fcfd
7ea07fe2bee521e575d29e86e0277ad6
16ef4d53f751a90f0f79bd2102406772
                 fe5602380d379978c165c9c69bb0972a날짜b90dd5946f0946207856a8a37f441edf
                  fe5602380d379978c165c9c69bb0972a미디어 이름b90dd5946f0946207856a8a37f441edf
                   1bf5df3baaba1d206e08ccff872c6f1d배포 형식>
                  fe5602380d379978c165c9c69bb0972a노출 수>
                fe5602380d379978c165c9c69bb0972a노출된 인원수b90dd5946f0946207856a8a37f441edf
                   fe5602380d379978c165c9c69bb0972a클릭수b90dd5946f0946207856a8a37f441edf
                 fe5602380d379978c165c9c69bb0972a클릭수b90dd5946f0946207856a8a37f441edf
                  fe5602380d379978c165c9c69bb0972aCTRb90dd5946f0946207856a8a37f441edf
                 fe5602380d379978c165c9c69bb0972a방문수b90dd5946f0946207856a8a37f441edf
                 fe5602380d379978c165c9c69bb0972a반송 횟수b90dd5946f0946207856a8a37f441edf
                  fe5602380d379978c165c9c69bb0972a액세스 깊이b90dd5946f0946207856a8a37f441edf
                 fe5602380d379978c165c9c69bb0972a시간/초 보기b90dd5946f0946207856a8a37f441edf
                  fe5602380d379978c165c9c69bb0972a참가자 수b90dd5946f0946207856a8a37f441edf
                fe5602380d379978c165c9c69bb0972a업무를 처리하는 인원수b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
a6bc3aa9b9f7e448d437c72fce8c9236
e1902e99e1cb8e0c7b2f1befab9216aeca745a59da05f784b8811374296574e1
6d8f77f305711cf5252ab2e529250bda

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 프로그래밍 설계에 도움이 되기를 바랍니다.