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>