`

table根据第一列将同名行合并(合并行)

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		var $table=$(".abc");
		var tagStr="";
		var name="";
		$table.find("tr:gt(0)").each(function(i){
   			var $tr=$(this);
			var $td=$tr.children("td:eq(0)");
			var tdname=$td.text();
			if(name==tdname){
				//表示相同名字
				$td.remove();
			}else{
				//
				tagStr=tagStr+(i+1)+",";
			}
			name=tdname;
 		});
		//对标记字符串进行分割	
		var strs= new Array();
		strs=tagStr.substring(0,tagStr.length-1).split(",");
		var count=$table.find("tr:gt(0)").length+1;
		for(i=0;i<strs.length;i++){
		    var s="tr:eq("+strs[i]+")"
			if(i<strs.length-1){
				//得到要合并的行数
				$table.find(s).children("td:eq(0)").attr("rowspan",(strs[i+1]-strs[i]));	
			}else{
				$table.find(s).children("td:eq(0)").attr("rowspan",(count-strs[i]));
			}
		}
	})
	
</script>
</head>

<body>
	<form action="" method="get">
    <table class="abc" width="676" border="1" align="center">
  <tr>
    <th width="191">姓名</td>
    <th width="235">性别</td>
    <th width="228">爱好</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>男</td>
    <td>看电影</td>
  </tr>
  <tr>
    <td>王五</td>
    <td>男</td>
    <td>打游戏</td>
  </tr>
  <tr>
    <td>王五</td>
    <td>女</td>
    <td>游泳</td>
  </tr>
  <tr>
    <td>蔡柳</td>
    <td>男</td>
    <td>玩牌</td>
  </tr>
  <tr>
    <td>蔡柳</td>
    <td>男</td>
    <td>AAA</td>
  </tr>
  <tr>
    <td>蔡柳</td>
    <td>男</td>
    <td>BBB</td>
  </tr>
  <tr>
    <td>XXX</td>
    <td>男</td>
    <td>RRR</td>
  </tr>
  <tr>
    <td>XXX</td>
    <td>男</td>
    <td>TTT</td>
  </tr>
  <tr>
    <td>XXX</td>
    <td>男</td>
    <td>YYY</td>
  </tr>
  <tr>
    <td>XXX</td>
    <td>男</td>
    <td>UUU</td>
  </tr>
  <tr>
    <td>XXX</td>
    <td>男</td>
    <td>OOO</td>
  </tr>
</table>

    </form>
</body>
</html>


附件为合并指定列方法文件
分享到:
评论

相关推荐

    创建数据库

    - `EXCEPT`运算符返回出现在第一个表中但不在第二个表中的行。 - `EXCEPT ALL`同样返回这些行,但不会移除重复行。 - **INTERSECT运算符**: - `INTERSECT`运算符返回同时出现在两个表中的行。 - `INTERSECT ...

    2009达内SQL学习笔记

    ORDER BY子句中使用的列将是为显示所选择的列,但是实际上并不一定要这样,用非检索的列排序数据是完全合法的。 为了按多个列排序,列名之间用逗号分开。 2、支持按相对列位置进行排序。 输入 SELECT prod_id,...

    SQL语句.doc SQL语句.doc

    - `EXCEPT`返回只在第一个查询中出现的行,`EXCEPT ALL`同样包含重复行。 - `INTERSECT`返回在两个查询中都存在的行,去除重复行。 这些是SQL的基本操作,但在实际应用中,SQL还包括更复杂的查询,如连接(JOIN)...

    SQL语句大全--实用

    - `EXCEPT`返回只在第一个查询中出现的行,排除第二个查询的结果,可选`EXCEPT ALL`保留重复行。 - `INTERSECT`返回同时存在于两个查询中的行,`INTERSECT ALL`保留所有重复行。 这些是SQL中基础到高级的一些操作...

    SQL语法大全

    第一条语句返回前2行,第二条则返回表中所有行的前20%。 ##### (二) FROM子句 **FROM子句** 指定查询的目标表或视图。 1. **单表查询** 最简单的`FROM`子句仅包含一个表名,如: ```sql SELECT * FROM ...

    Oracle的执行计划

    嵌套循环连接是最简单的连接方法之一,它依次处理第一个表的每一行,并针对每行在第二个表中查找匹配的行。这种连接方式适合于小表与大表的连接。 #### 九、如何产生执行计划 执行计划是由Oracle的优化器根据SQL...

    2016sql面试试题汇总

    面试题中提到的查询同名学生姓名及个数,查询特定姓氏的老师数量,查询成绩高于设定分数线的学生,以及查询成绩第一名的学生信息等都是利用SELECT语句来实现。 对于数据删除,SQL语句中的DELETE用于删除表中的记录...

    oracle学习文档 笔记 全面 深刻 详细 通俗易懂 doc word格式 清晰 连接字符串

    第一章 Oracle入门 一、 数据库概述 数据库(Database)是按照数据结构来组织、存储和管理数据的仓库,它产生于距今五十年前。简单来说是本身可视为电子化的文件柜——存储电子文件的处所,用户可以对文件中的数据...

    Oracle第9章模式对象.pptx

    Oracle数据库系统是一个强大的关系型数据库管理系统,其第9章主要探讨了模式对象的管理,包括模式、表、索引、分区表与分区索引、视图、序列、同义词和数据库链接等核心概念和操作。 **9.1 模式** 模式在Oracle中是...

    东北财经大学20春《MySQL数据库系统及应用》单元作业三(参考答案).docx

    `SELECT * FROM xs LIMIT 0, 4`会返回xs表中的前4行,而不是第1行到第5行,所以选项B错误。 8. FLOOR函数:`FLOOR(9.9)`的结果是9,因为该函数向下取整到最接近的整数,选项A正确。 9. 限制显示统计的命令:`LIMIT...

    20秋东财《MySQL数据库系统及应用》单元作业一(参考答案).docx

    - `IF`函数用于条件判断,如果条件成立则返回第一个值,否则返回第二个值。所以`SELECT IF(2*4&gt;9-5, '是', '否')`返回“是”,选项A正确。 - `\n`在MySQL中代表换行符,选项B。 8. **数据修改**:`UPDATE XS SET ...

    数据库案例01高考.doc

    9. **录取方法**:根据分数从高到低依次录取,优先满足第一志愿,再考虑第二、第三志愿。 10. **调剂方法**:未被首选志愿录取的考生,根据剩余计划和考生分数进行调剂。 11. **分析死档原因**:考生未被任何志愿...

    2021-2022计算机二级等级考试试题及答案No.1762.docx

    7. Java InputStream合并:`SequenceInputStream`类可以将多个InputStream对象合并为一个。 8. 不可靠传输协议:UDP(用户数据报协议)提供不可靠的传输服务,不保证数据包的顺序和无丢失。 9. Access数据库与表的...

    SQL 21天自学通

    #### 第一天:SQL简介 - **SQL简史**:SQL(Structured Query Language)是一种用于管理和处理关系型数据库的标准语言。它首次出现在20世纪70年代初,由IBM的研究员Donald D. Chamberlin和Raymond F. Boyce开发。...

    Oracle9i的init.ora参数中文说明

    现有的列将不受影响。 值范围: BYTE 或 CHAR。 默认值: nls_length_semantics 的数据库字符集的字符所使用的度量单位。BYTE。 nls_date_format: 说明: 指定与 TO_CHAR 和 TO_DATE 函数一同使用的默认日期格式。该...

    sql超级经典(练习题+答案)

    --28、查询男生、女生人数 --29、查询名字中含有"风"字的学生信息--30、查询同名同性学生名单,并统计同名人数 --31、查询1990年出生的学生名单(注:Student表中Sage列的类型是datetime) --32、查询每门课程的平均...

    2021-2022计算机二级等级考试试题及答案No.11673.docx

    题目中的`$D$4`表示D列第4行的单元格,并且无论公式如何移动,引用的单元格始终不变。 ### 20. 修改表结构的SQL命令 **知识点**: 在SQL语言中,`ALTER TABLE`命令用于修改已有的表结构,包括增加、删除或修改表中...

    互联网数据库.docx

    根据这一理论,关系数据库中的每一属性都应该不可分解,确保数据的最小化,减少数据冗余和异常。 事务的原子性是指事务中的所有操作要么全部成功,要么全部回滚,保证了数据库状态的一致性。例如,在银行转账中,...

    计算机系统2017B-答案1

    16. X86-64通过寄存器传递整型参数时,第一个参数用寄存器(A) %rdi访问。 17. 虚拟内存发生缺页时,缺页中断是由(D) MMU触发,MMU负责地址转换。 18. 进程从用户模式进入内核模式的方法不包括(C)复位,复位通常...

Global site tag (gtag.js) - Google Analytics