jQuery 删除表格列

Question

我有一个表格，无法更改标记:

<table>
    <thead>
        <tr>
            <th>
                blablabla
            </th>
            <th>
                blablabla
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                efgd
            </td>
            <td>
                efghdh
            </td>
        </tr>
    </tbody>
</table>

这是我的函数，它应该删除一列。单击单元格时调用它:

function (menuItem, menu) {
    var colnum = $(this).prevAll("td").length;

    $(this).closest('table').find('thead tr th:eq('+colnum+')').remove();
    $(this).closest("table").find('tbody tr td:eq('+colnum+')').remove();    
    return;
}

但它删除了其他内容，而不是我想删除的列。我哪里错了？

Answer 1

列几乎只是单元格，因此您需要手动循环所有行并按索引删除单元格。

这应该为您删除第三列提供一个良好的起点:

$("tr").each(function() {
    $(this).children("td:eq(2)").remove();
});