다양한 열을 사용하여 html 테이블의 마지막 열을 삭제하는 방법

Question

레코드의 테이블 목록 - HTML 테이블이 있습니다.

대부분의 행에는 3 개의 열이 있지만 일부에는 1 또는 2 만있을 수 있습니다.이 경우에는 colspan을 사용하고 다른 열을 가로 질러 늘어납니다.

내가 원하는 작업 : 사용자가 페이지의 버튼을 클릭하면 마지막 열이 두 개 이상의 열만있는 경우에만 마지막 열 (붕괴)을 제거하려고합니다.

jquery로 어떻게 할 수 있습니까? 이

$('tr').each(function(){ 
    $("td:last").hide() 
}) 

Answer 1

당신은이 작업을 수행 할 수있는 노력하지만 당신은 당신이 클래스에서 원하는 테이블을 선택할 수 있도록 당신은 또한 테이블에 클래스를 추가한다 .

if($('tr').length > 1) { 
    $('tr').each(function(){ 
     $("td:last").hide() 
    }) 
} 

당신은 예를 들어, 클래스 myTable에 추가하는 경우

는 수행

if($('.myTable tr').length > 1) { 
    $('.myTable tr').each(function(){ 
     $(".myTable tr td:last").hide() 
    }) 
} 

Answer 2

시도 뭔가이

$('tr').each(function(){ 
    $("td:last").hide(); 
}) 

Answer 3

같은

Answer 4

난 당신을 위해 최신 열을 제거하기 전에 행의 열 (열 병합)의 저장 수를 살 필요가 있다고 생각 테이블 응답.

약간의 기능을 썼습니다. 시도하지 않았습니다.

<button onclick="removeLatestCol()"></button> 

<script> 
function removeLatestCol() { 
    var latest_row = $("table tr:last"); 
    var cols = $("td", latest_row); 

    if (cols.length == 1) { 
     latest_row.remove(); 
     return; 
    } 

    var latest_col = cols.filter(":last"); 
    latest_col.prev().attr("colspan", (latest_col.prev().attr("colspan") || 1) + (latest_col.attr("colspan") || 1)); 
    latest_col.remove() 
} 
</script>