Jquery表格列汇总

最新推荐文章于 2019-09-14 20:57:05 发布

ylq2250

最新推荐文章于 2019-09-14 20:57:05 发布

阅读量184

点赞数

分类专栏： JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/ylq2250/article/details/84443489

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏


	<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>