使用jQuery 操作table 完成单元格合并的实例
网络编程 2025-03-23 18:55www.168986.cn编程入门
```javascript
var mark = 0; // 要合并的单元格数
var index = 0; // 起始行数
```
```javascript
if (tr > 2) { // 只有当行数大于2时才进行比较处理
for (var i = 0; i < tr; i++) {
var ford = $("printPage tr:gt(0):eq(" + i + ") td:eq(0)").text(); // 获取当前行的第一个单元格内容
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); // 设置当前行的rowspan属性进行合并显示
上一篇:php设计模式之工厂模式用法经典实例分析
下一篇:没有了
编程语言
- 使用jQuery 操作table 完成单元格合并的实例
- php设计模式之工厂模式用法经典实例分析
- javascript asp教程第二课--转义字符
- PHP反射类ReflectionClass和ReflectionObject的使用方法
- 如何防止INPUT按回车自动提交表单FORM
- 使用正则表达式替换报表名称中的特殊字符(推荐
- 与文件上传有关的php配置参数总结
- jquery中取消和绑定hover事件的实现代码
- PHP里面把16进制的图片数据显示在html的img标签上
- SQLServer中用T—SQL命令查询一个数据库中有哪些表
- vue2.0页面前进刷新回退不刷新的实现方法
- JSP由浅入深(11)—— 标记库
- 微信小程序 教程之wxapp 视图容器 view
- JSP向后台传递参数的四种方式总结
- FCKeditor 新闻组件的一些程序漏洞
- asp.net继承IHttpHandler接口实现给网站图片添加水印