您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

怎么使用jQuery选中并且操作table

2026/2/9 10:16:46发布20次查看
这次给大家带来怎么使用jquery选中并且操作table,使用jquery选中并且操作table的注意事项有哪些,下面就是实战案例,一起来看一下。
比较表格的内容。判断是否合并单元格:
tr = $(#printpage tr).length;// 获取当前表格中tr的个数 var mark = 0; //要合并的单元格数 var index = 0; //起始行数 /* * 要合并单元格,需要存储两个参数, * 1,开始合并的单元格的第一行的行数, * 2.要合并的单元格的个数 **/ console.log(tr); //判断 若只有一行数据,则不做调整 if(tr <= 2){ }else{ //var i=1 比较当前的tr和上一个tr的值 for(var i=0;i < tr ;i++){  var ford = $(#printpage tr:gt(0):eq(+i+) td:eq(0)).text();   //根据下标获取单元格的值  // tr:gt(0) 从下标0 开始获取  // tr:gt(0):eq( i ) :i 标识 当前行的下标 ,0 开始  // td:eq(0) 当前行的第一个单元格,下标从0开始  var behind = $(#printpage tr:gt(0):eq(+(parseint(i)+1)+) td:eq(0)).text();  if(ford == behind){ $(#printpage tr:gt(0):eq(+(parseint(i)+1)+) td:eq(0)).hide(); mark = mark +1;  }else if(ford != behind){ //如果值不匹配则遍历到不同种的分类,将旧分类隐藏 index = i-mark; $(#printpage tr:gt(0):eq(+index+) td:eq(0)).attr(rowspan,mark+1);//+1 操作标识,将当前的行加入到隐藏 //rowspan 列上横跨, colspan 行上横跨 //后面的参数,表示横跨的单元格个数, //合并单元格就是将其他的单元格隐藏(hide),或删除(remove)。 //将一个单元格的rowspan 或colsspan 加大 mark = 0; $(#printpage tr:gt(0):eq(+(parseint(i))+) td:eq(0)).hide();  } } }
最终效果:
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
jquery动态合并单元格
js实现表格中相同单元格合并
以上就是怎么使用jquery选中并且操作table的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product