sum by class

by Craig Martin

HTML

<script src="http://audioperception.com/apapp3/inc/currency.js"></script>
<table>
<th class="totcol">total</th>
<th class="ctotcol">ctotal</th>
<th class="nctotcol">nctotal</th>

<tr>
    <td class='totalprice currency'>110.75</td>
    <td class='ctotalprice currency'>33.75</td>
    <td class='nctotalprice currency'>33.75</td>
</tr>
<tr>
    <td class='totalprice currency'>11110.75</td>
    <td class='ctotalprice currency'>22</td>
    <td class='nctotalprice currency'>22</td>
</tr>
<tfoot class="tfoot">
    <td id='total' class="currency"></td>
    <td id='ctotal' class="currency"></td>
    <td id='nctotal' class="currency"></td>
</tfoot>
</table>

CSS

.currency {
   text-align:right; 
}
td {
    padding: 10px;
}
th {
    text-align:right;
    padding-right: 10px;
    padding-left: 10px;
}
.tfoot {
    border-top:solid thin;
}

JavaScript

var totsum = 0.0;

$('.totalprice').each(function()
{
    totsum += parseFloat($(this).text());
});
document.getElementById("total").innerHTML = (totsum);

var ctotsum = 0.0;
$('.ctotalprice').each(function()
{
    ctotsum += parseFloat($(this).text());
});
document.getElementById("ctotal").innerHTML = (ctotsum);

var nctotsum = 0.0;
$('.nctotalprice').each(function()
{
    nctotsum += parseFloat($(this).text());
});
document.getElementById("nctotal").innerHTML = (nctotsum);



$('.currency').currency();