Question

I currently have a table that can be N columns and N rows. In the interface I have a button to remove the last column, but I can’t figure out how to remove the last td from all the rows, what I’ve achieved so far is to remove the first row tdand the last row td, but leave the others there.

Here is my code (only deletes the last title currently):

function removeTableColumn() {
    /*
        removeTableColumn() - Deletes the last column (all the last TDs).
    */
    $('#tableID thead tr th:last').remove(); // Deletes the last title
    $('#tableID tbody tr').each(function() {
        $(this).remove('td:last'); // Should delete the last td for each row, but it doesn't work
    });
}

Am I missing something?

Answer 1

That’s because the :last selector only matches the last element in the set.

You might be looking for :last-child, which matches the elements that are the last child of their parent:

$("#tableID th:last-child, #tableID td:last-child").remove();