jquery求代码:循环求和(自动计算各个相同class里面的值),谢谢
有两个以上的表格,里面的内容一样,就是数值不同,求JQUERY自动求和各个表格里面指定列数的总和(下面代码以第二列为例),并且输出到指定的class(下面代码输出到cla...
有两个以上的表格,里面的内容一样,就是数值不同,求JQUERY自动求和各个表格里面指定列数的总和(下面代码以第二列为例),并且输出到指定的class(下面代码输出到class=sum)
<table width="100%" border="0" class="table_sum">
<tr><td colspan="2">产品1号(table的class=num_sum)</td></tr>
<tr>
<td>数量</td>
<td>单价</td>
</tr>
<tr>
<td>10</td>
<td>2</td>
</tr>
<tr>
<td>20</td>
<td>3</td>
</tr>
<tr>
<td>合计</td>
<td class="sum">5(JQUERY自动计算结果,td的class=sum)</td>
</tr>
</table>
<table width="100%" border="0" class="table_sum">
<tr><td colspan="2">产品2号(table的class=num_sum)</td></tr>
<tr>
<td>数量</td>
<td>单价</td>
</tr>
<tr>
<td>10</td>
<td>6</td>
</tr>
<tr>
<td>20</td>
<td>7</td>
</tr>
<tr>
<td>合计</td>
<td class="sum">13(JQUERY自动计算结果,td的class=sum)</td>
</tr>
</table> 展开
<table width="100%" border="0" class="table_sum">
<tr><td colspan="2">产品1号(table的class=num_sum)</td></tr>
<tr>
<td>数量</td>
<td>单价</td>
</tr>
<tr>
<td>10</td>
<td>2</td>
</tr>
<tr>
<td>20</td>
<td>3</td>
</tr>
<tr>
<td>合计</td>
<td class="sum">5(JQUERY自动计算结果,td的class=sum)</td>
</tr>
</table>
<table width="100%" border="0" class="table_sum">
<tr><td colspan="2">产品2号(table的class=num_sum)</td></tr>
<tr>
<td>数量</td>
<td>单价</td>
</tr>
<tr>
<td>10</td>
<td>6</td>
</tr>
<tr>
<td>20</td>
<td>7</td>
</tr>
<tr>
<td>合计</td>
<td class="sum">13(JQUERY自动计算结果,td的class=sum)</td>
</tr>
</table> 展开
1个回答
展开全部
//功能描述:我不知道你所说的"自动"是什么调用方法,所以我设置成页面加载完成就计算了
//历遍class="table_sum"的表,判断tr中的第一个td是不是数字,是数字的话,就计算第二个td的值
//最后把结果放到该表的class="sum"的td格中
//代码已测试成功,我使用jquery-1.7.1.min.js
$(function(){
$('.table_sum').each(function(){
var sum = 0;
$('tr', this).each(function(){
if(Number($('td', this).eq(0).html()) >= 0){
sum += Number($('td', this).eq(1).html());
}
});
$('.sum', this).html(sum);
});
});
//历遍class="table_sum"的表,判断tr中的第一个td是不是数字,是数字的话,就计算第二个td的值
//最后把结果放到该表的class="sum"的td格中
//代码已测试成功,我使用jquery-1.7.1.min.js
$(function(){
$('.table_sum').each(function(){
var sum = 0;
$('tr', this).each(function(){
if(Number($('td', this).eq(0).html()) >= 0){
sum += Number($('td', this).eq(1).html());
}
});
$('.sum', this).html(sum);
});
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询