Osc*_*lal 16 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
});
}
Run Code Online (Sandbox Code Playgroud)
我错过了什么吗?
Fré*_*idi 34
那是因为:last选择器只匹配集合中的最后一个元素.
您可能正在寻找:last-child,它匹配父项的最后一个子元素:
$("#tableID th:last-child, #tableID td:last-child").remove();
Run Code Online (Sandbox Code Playgroud)
:last返回选择器找到的最后一个元素.所以#tableID tr td:last只返回一个td.
您可以选择每个tr的最后一个td:
$('#tableID tr').find('th:last, td:last').remove();
Run Code Online (Sandbox Code Playgroud)