html table column,jQuery remove HTML table column

最新推荐文章于 2024-05-21 16:45:41 发布

转载最新推荐文章于 2024-05-21 16:45:41 发布 · 77 阅读

文章标签：

#html table column

这篇博客讨论了在使用jQuery的`remove()`函数删除表格行中的单元格时遇到的问题，即由于并发修改导致的错误。作者指出，当尝试删除单元格时，单元格的索引会改变，从而影响到后续的删除操作。为了解决这个问题，提出了两种替代方案：一是使用`hide()`函数隐藏要删除的单元格；二是使用JavaScript原生的`removeChild()`方法直接从DOM中移除指定的列。在示例中，展示了如何使用`removeChild()`删除表格的第二列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

When I've read this post I tried the first solution using jQuery's remove function.

But it seems to have a problem with this function when using it on a table row to delete cell. The problem is bind to a concurrent modification. In the exemple with this reponse if you try to use the index() function it will not work because cell index is changing each time you remove a cell.

One solution could be to use the hide() function on the cell you want to delete.

But if you really need to delete the column (remove it from the DOM) the way which has worked for me were to use the javascript native to remove the column.

$(function() {

$('table tr').each(function(e, row) {

var i = 0;

$(row).find('td, th').each(function(e, cell) {

if (i == 1) {

row.removeChild(cell);

}

i++;

});

In this example you delete the second column of the table : i == 1 ...