jQuery实现清空table表格除首行外的所有数据
2015-12-03 13:47
525 查看
1.其实网上有很多版本,试了好几个都不行,最后还是查到了一个非常方便的:不会清除表格第一行表头部分。
其中“table” 是table的id。
或者是
2.当然,有通过其他方式的,比如获得表格所有行,再for循环设置每一个表格值为空,但是效率上或者从代码上来讲,效率和质量就降低了,如果不是使用jQuery,for循环也许也是一种办法!
3.另外,可以通过获得table的childNodes的list,然后清除掉需要清除的node,但是由于有些浏览器不一样,导致获得childNodes时,个数不一样(FF浏览器貌似会将回车也当作一个node,真是醉了~~)所以这种方式可能兼容性不好,为了兼容性好一点的话,也可以给每一行加一个class,然后每次清除的时候判断一下class是否是你要删除的classname,是则删除。
总之,推荐第一种!!!!
其中“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,是则删除。
总之,推荐第一种!!!!
相关文章推荐
- jquery ajax POST 例子详解
- 49个jquery代码经典片段
- jquery.Ajax跨域访问数据方法
- Jquery DIV滚动至浏览器顶部位置固定
- jquery纵向抽屉式导航栏
- JSP中如何使用JQuery?
- Jquery easyui tree的使用
- 解密jQuery事件核心 - 模拟事件(四)
- jQuery获取Select选择的Text和 Value(转)
- jquery操作select(取值,设置选中)
- jQuery 1.9.1源码分析系列(十五)之动画处理
- jquery基础
- jQuery.noConflict() 函数
- jquery基础学习小例子
- jquery基础学习笔记
- 利用jquery实现合并多列重复行
- JQuery 提示用户名密码不为空
- jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
- jQuery EasyUI使用教程之添加自动播放标签
- 13个jQuery操作table常用到的功能