jQuery删除最后一个表列

时间:2011-08-28 14:00:50

标签: jquery html-table

我目前有一个可以是N列和N行的表。在界面中我有一个删除最后一列的按钮,但我无法弄清楚如何从所有行中删除最后一个td,到目前为止我所取得的是删除第一行{{ 1}}和最后一行td,但将其他人留在那里。

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

td

我错过了什么吗?

3 个答案:

答案 0 :(得分:31)

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

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

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

答案 1 :(得分:6)

:last返回选择器找到的最后一个元素。因此#tableID tr td:last只返回一个td

您可以选择每个tr的最后一个td:

$('#tableID tr').find('th:last, td:last').remove();

答案 2 :(得分:0)

您可以从表中删除任何列

    //remove the 1st column
     $('#table').find('td,th').first().remove();

    //remove the 1st column
    $('table tr').find('td:eq(1),th:eq(1)').remove();

   //remove the 2nd column
   $('table tr').find('td:eq(1),th:eq(1)').remove();

   //remove the nth column
   $('table tr').find('td:eq(n),th:eq(n)').remove();

for reference