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

总之，推荐第一种！！！！

时间： 2024-11-04 08:54:23

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

jQuery实现的table表格隔行换色代码实例

jQuery实现的table表格隔行换色代码实例:下面是一段代码实例,能够实现隔行变色的效果,这是网站人性化措施之一,在实际应用中的使用非常广泛.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <t

string tempSFZH = ""; foreach (DataRow rs in ds.Tables[0].Rows) { tempSFZH = rs[ht["身份证号码"].ToString()].ToString(); foreach (DataRow rs1 in ds_stuAll.Tables[0].Rows) { foreach (DataColumn dc in ds_stuAll.Tables[0].Co

CSS3:nth-child()伪类选择器，Table表格奇偶数行定义样式

转自爱设计原文链接http://www.dangshopex.com/jishufenxiang/WEBkaifajishu/8653.html CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”.CSS3标准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,CSSer们只有望洋轻叹.虽然如此,但有前瞻性的我们,又怎能停步不前呢?今天我们就来“前瞻”一

关于element 框架中table表格选中并切换下一页之前选中数据消失的问题

问题描述: 在实际项目中使用element框架的table表格时,发现当前页选中了数据,点击切换下一页时,再选中数据,发现上一页选中的数据消失了.(目的是:要把用户选择的所有数据显示到页面上) 代码如下:  <table :data="tableData" @selection-change="handleSelectionChange" ref="multipleTable" :row-key=

jquery实现的调整表格行tr上下顺序

jquery实现的调整表格行tr上下顺序:表格是大家比较常用的元素,有时候表格中的行需要调整顺序,下面就通过代码实例介绍一下如何利用jquery实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

JS组件系列——Bootstrap Table 表格行拖拽

原文:JS组件系列--Bootstrap Table 表格行拖拽前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了.这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~ 一.业务需求及实现效果项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单,左边Table里面的行数据拖动到右边Table里面指定行的位置,拖动完成

JQuery结合Ajax实现双击Table表格，使Table变成可编辑，并保存到数据库中

近期在做项目时,要实现通过双击Table表格的TR,使Table行变成可编辑,来实现修改数据并保存到数据库中的功能,无需多说,直接贴代码吧.希望能得到各位同仁指正. 1 function tdEdit(element, id) { 2 var i_a = "<input class='edit_td' type='text' style='height:30px; width:40px;' value='"; 3 var i_b = "'/>"; 4 v

ElementUI Table 首行固定

本文地址: https://www.cnblogs.com/veinyin/p/12101047.html 需求描述:首行固定,吸附在表头下,数据多时其他行可以纵向滚动方案一两个表格拼凑第一个表格展示头部和固定行第二个表格展示其它数据示意图如下适用场景:仅横向纵向均无滚动条时可用若有横向滚动条,两个表格的滚动条是分开的,会出现滚动A B不动,或滚动B A不动的情况,Windows下会展示两个横向滚动条,不美观若有纵向滚动条,在Windows下滚动条是默认有宽度的,滚动条的宽

javascript添加或者删除table表格行代码实例

javascript添加或者删除table表格行代码实例:表格是常用的元素,虽然在布局中已经鲜有使用,已经基本被div css所取代,但是在组织表格数据方面还是有很大的优势的,比使用div css要来的方便,添加或者删除一行也就是其中的tr更是最为常见的操作,下面就通过代码实例简单介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta