您的位置:首页 > Web前端 > JQuery

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

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

其中“table” 是table的id。

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

或者是

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


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

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

 

总之,推荐第一种!!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: