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,是则删除。

 

 

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

posted @ 2016-12-14 09:04  尹成亮  阅读(7091)  评论(0编辑  收藏  举报