`

Jquery表格列汇总

阅读更多
	<table id='tdFirst' border=1 width="400px">
		<tr>
		 <td>班级</td>
		 <td>名称</td>
		 <td>年龄</td>
		 <td>数学成绩</td>
		 <td>语文成绩</td>
		</tr>
		<tr id='tr111'>
			<td>高三9班</td>
			<td>张三</td>
			<td>20岁</td>
			<td>22</td>
			<td id='trEEE'>33</td>
		</tr>
		<tr id='tr222'>
			<td>高三9班</td>
			<td>李四</td>
			<td>21岁</td>
			<td id='trEEE'>12</td>
			<td>34</td>
		</tr>
		<tr>
			<td>高三9班</td>
			<td>王五</td>
			<td>22岁</td>
			<td>13</td>
			<td>25</td>
		</tr>
		<tr total='aa'>
			<td>合计</td>
			<td></td>
			<td></td>
			<td>1</td>
			<td>2</td>
		</tr>
	</table>

<script>
	$(document).ready(function(){
		var source1=0,source2=0;
			$('tr:gt(0)','#tdFirst').each(function(i){
				if($(this).attr('total')!=$('tr:last','#tdFirst').attr('total')){
				  source1=source1+parseInt($('td:eq(3)',$(this)).html());
				  source2=source2+parseInt($('td:eq(4)',$(this)).html());
				}
			});
			var trElement = $('tr:last','#tdFirst');
			$('td:eq(3)',$('tr:last','#tdFirst')).html(source1);
			$('td:eq(4)',$(trElement)).html(source2);
		});	
</script>
分享到:
评论

相关推荐

    jQuery表格数据汇总插件TableSum.zip

    jQuery表格数据汇总插件。需求中经常有表格汇总的要求,此插件方便易用一行给表格添加汇总。$('table').tableSum({'sumText':'total'}) 标签:TableSum

    可展开列的jQuery表格插件

    这是一款可展开列的jQuery表格插件。该插件首先在初始化时,所有的表格列采用简洁的显示方式,当用户点击表格列头时,该列被展开,显示详细信息。

    jQuery MiniUI 2.1.5 官方版本,作个保留

    •超强表格:提供锁定列、多表头、分页排序、行过滤、数据汇总、单元格编辑、详细行、Excel导出等功能。 •第三方兼容:与ExtJS、jQuery、YUI、Dojo等任意第三方控件无缝集成。 •浏览器兼容:支持IE6+、FireFox、...

    jQuery操作表格(table)的常用方法、技巧汇总

    以下列出13个jQuery操作table常用到的功能: 1.鼠标移动行变色 代码如下:$(‘#table1 tr’).hover(function(){ $(this).children(‘td’).addClass(‘hover’)}, function(){ $(this).children(‘td’)....

    常见的jQuery选择器汇总

    基本元素选择器 代码如下: $(“p”) $(“p.ii”)选取所有class=ii的 p元素 $(“p#demo”)选取id=demo的第一个p元素 ...$(“tr:eq(1)”)索引值为1的表格 $(“tr:gt(0)”)大于0 $(“tr:lt(0)”)小于0 $

    jQuery LigerUI 插件介绍及使用之ligerGrid

    ligerGrid的功能列表: 1,支持本地数据和服务器...3,支持列的“显示/隐藏” 4,支持明细行(表格内嵌) 5,支持汇总行 6,支持单元格模板 7,支持编辑表格(ligerGrid的一个特色,需要其他表单插件的支持) 8,支持树表格(待加入)

    jQuery LigerUI 使用教程表格篇(1)

    支持本地数据和服务器数据(配置data或者url) 支持排序和分页(包括Javascript排序和分页) 支持列的“显示/隐藏” 支持多表头 支持固定列 支持明细行 支持汇总行 支持单元格模板 支持编辑表格(三种编辑模式,单元格...

    jQuery LigerUI V1.1.0

    [增加]汇总方式增加一个render(自定义函数,不限于sum、avg、count、max、min)  [增加]增加复选框列,同时增加相应的事件和方法。 [优化]优化了显示速度 [修复]解决在IE6下表格头部文字消失的问题 ...

    paramquery-7.1.0.zip

    它提供了最快的jQuery网格,treegrid,pivot网格和电子表格等最令人垂涎​​的功能,并且基于性能,卓越的UX和开放标准的原则构建。Pro的以下功能是对ParamQuery Grid基本功能的补充。 专业功能: 也可用于...

    大数据应用测试经验总结.pdf

    数据可视化:使⽤JQuery、Echarts、Easy UI等技术实现图表、表格展⽰;使⽤Apache POI实现excel、CSV的导⼊导出;使⽤Log4J记录⽇志;使⽤Spring框架实现 页⾯、服务、数据的集成管理;使⽤DBCP实现数据库连接池。 ...

    基于jbpm与activiti的工作流平台技术架构介绍

    无论数据库内原始数据是以何种样式的表结构存储,无论最终用户要求数据以何种表格样式显示,FineReport报表软件独创的多数据源关联查询、公式动态扩展计算等强大的功能,在无需改变表结构,无需改变用户的要求的基础...

Global site tag (gtag.js) - Google Analytics