jQuery实现清空table表格除首行外的所有数据

Posted 尹成亮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery实现清空table表格除首行外的所有数据相关的知识,希望对你有一定的参考价值。

1.其实网上有很多版本,试了好几个都不行,最后还是查到了一个非常方便的:不会清除表格第一行表头部分。

其中J_tab_fam是table的id。

 

1
$("#J_tab_fam  tr:not(:first)").html("");


或者是

 

 

1
$("#J_tab_fam  tr:not(:first)").empty("");

 

 

 

2.当然,有通过其他方式的,比如获得表格所有行,再for循环设置每一个表格值为空,但是效率上或者从代码上来讲,效率和质量就降低了,如果不是使用jQuery,for循环也许也是一种办法!

3.另外,可以通过获得table的childNodes的list,然后清除掉需要清除的node,但是由于有些浏览器不一样,导致获得childNodes时,个数不一样(FF浏览器貌似会将回车也当作一个node,真是醉了~~)所以这种方式可能兼容性不好,为了兼容性好一点的话,也可以给每一行加一个class,然后每次清除的时候判断一下class是否是你要删除的classname,是则删除。

 

 

总之,推荐第一种!!!!

以上是关于jQuery实现清空table表格除首行外的所有数据的主要内容,如果未能解决你的问题,请参考以下文章

如何通过按表格视图外的按钮来清空表格视图内的单元格数据?

ElementUI Table 首行固定

element table 在表格外的input输入内容实时过滤搜索表格内容显示

JQuery实现可直接编辑的表格

el-table没有数据位置会变

使用jQuery清空除特定元素以外的所有内容的最佳方法?