jQuery 删除最后一个表列

标签 jquery html-table

我目前有一个可以是 N 列和 N 行的表格。在界面中,我有一个按钮可以删除最后一列,但我不知道如何从所有行中删除最后一个 td ,到目前为止我所实现的是删除第一列行 td 和最后一行 td,但将其他行留在那里。

这是我的代码(当前仅删除最后一个标题):

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
    });
}

我错过了什么吗?

最佳答案

那是因为:last选择器仅匹配集合中的最后一个元素。

您可能正在寻找:last-child ,它匹配其父元素的最后一个子元素:

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

关于jQuery 删除最后一个表列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7221421/

相关文章:

html - 如何将面具跨过 table

javascript - 我正在尝试使用 jQuery/JavaScript 将所有 <table>、<tr> 和 <td> 标签替换为 <div> 标签

javascript - 我们能否使 JQuery UI 可拖动/可排序以在鼠标右键上工作

javascript - 如何在没有元素 ID 的下拉列表中使用 Javascript 选择选项?

HTML 拆分表列 (TD) 到小屏幕上的多行

javascript - 如何将表头的 h-scroll 与表体的 h-scroll 链接起来,而不将表体的 v-scroll 与表头链接起来?

javascript - JQuery/Javascript - ".click()"方法不完全有效?

javascript document.write 破坏了我的页面

jquery - 使用 jQuery 最大化表格中均匀宽度单元格的数量

JQuery UI 可排序 : restore position based on some condition