Как удалить последний столбец таблицы html с разными столбцами

Question

У меня есть таблица с таблицами - таблица HTML.

Большинство строк имеют 3 столбца, но некоторые могут иметь только 1 или 2. В этом случае я использую colspan и растягиваю его по другим столбцам.

Что я хочу сделать: Когда пользователь нажимает кнопку на странице, я хочу удалить последний столбец (свернуть), ТОЛЬКО, если он содержит более одного столбца.

Как это возможно с jquery (если это можно сделать)?

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

попробовать это

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

Answer 4

Я думаю, что вы должны жить сохранить количество столбцов (Colspan) в строке перед удалением последней колонки для того, чтобы сделать таблицу отзывчивой.

Написал немного функции. Не пытались в действии

<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>