Jquery、js计算table列合计

使用Jquery计算Table行合计

最新推荐文章于 2021-06-25 11:08:39 发布

原创

最新推荐文章于 2021-06-25 11:08:39 发布 · 1.2w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #合计 #行 #列

该博客介绍了如何借助Jquery轻松实现表格中特定行或列的合计计算，提供了核心算法和示例代码，便于理解和应用。

利用Jquery选择器，计算table中的某一列，某一行的合计，非常方便。下面以计算行合计为例：

核心算法：

$('#tableId tr').each(function() {
        $(this).find('td:eq(columnIndex)').each(function() {
            totalAmount += parseFloat($(this).text()); 

        })
        
    });

Demo：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery计算table行合计</title>
<script id="jquery_183" type="text/javascript" class="library" src="http://runjs.cn/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	var totalRow = 0
	$('#mytable tr').each(function() {
		$(this).find('td:eq(2)'