Jqueryテーブル列要約

1942 ワード


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