Jquery、js计算table行合计

这篇博客介绍了两种方法来使用Jquery和JavaScript计算HTML表格中的行合计。通过详细步骤和示例代码,展示了如何高效实现这一功能,并提供了实际效果的截图。
摘要由CSDN通过智能技术生成

计算table的行合计比计算列合计容易的多,这里给出两种方法。

方法一:

核心算法:
利用jquery选择器,选中table一行记录,对选中的每一行记录对象执行each访问方法,取得每一列的值,将其相加即的行合计。
demo:
function countRowTotal1() {
	
	$('#mytable tr').each(function() {
		var rowTotal = 0;
		$(this).find('td').each(function() {
			rowTotal += parseFloat($(this).text());
		});
//	alert(rowTotal);
	//将一行的结果,写入合计列,这里直接追加到列尾
		$(this).append('<td>'+rowTotal+'</td>');
	});
}

方法二:

核心算法:
利用jquery选择器,选中table一行记录,每次取得一行记录,利用正则表达式拆分各列得到数组, 这里需要注意去除元素首位空白字符,再将数组元素相加即的行合计。
demo:
//每次取一行数据,再用正则表达式拆分
function countRowTotal2() {
	
	$('#mytable tr'
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值