<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">如下图所示想要做表格数据的合并统计</span>
第三列的数字都是字符串格式的,如果自己加和不会像php一样自动加起来的,这个时候就需要转换一下格式
jquery来源于javascript,所有可以用原生的javascript的方法
javascript自带parseInt(str)函数
参数:str,为一个包含数字的字符串
返回值:
如果str中最前面几个字符是数字,则返回该数字
如果str第一个字符不是数字,返回NaN。
例如:
parseInt("1234"); //返回1234
parseInt("1234A"); //返回1234
parseInt("1234A5"); //返回1234
parseInt("A1234"); //返回NaN
parseInt("ABCD"); //返回NaN
parseFloat(str)函数同上,只不过是返回的是一个浮点数
我的表格里的数值是有浮点数的,所有用parseFloat(str)函数
最终代码如下
<script>
$(function(){
var list=$('tr.list');
var total=0;
$.each(list, function(i, v) {
total=total+parseFloat($(v).children('td:eq(2)').text());
});
var totalCount;
if (total>=0) {
totalCount='<strong><font size="4" color="green">'+total+'</font></strong>'
}else{
totalCount='<strong><font size="4" color="red">'+total+'</font></strong>'
};
$('#totalCount').html(totalCount);
})
</script>