用Jquery选择器计算table中的某一列某一行的合计
更新时间:2014年08月13日 17:17:49 投稿:whsnow
本节主要介绍了用Jquery选择器计算table中的某一列某一行的合计,需要的朋友可以参考下
利用Jquery选择器,计算table中的某一列,某一行的合计,非常方便。下面以计算行合计为例:
核心算法:
$('#tableId tr').each(function() { $(this).find('td:eq(columnIndex)').each(function() { totalAmount += parseFloat($(this).text()); }) });
下面是案例代码
<!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)').each(function(){ totalRow += parseFloat($(this).text()); }); }); $('#totalRow').append('<td>合计</td><td></td><td>'+totalRow+'</td><td></td>'); }); </script> </head> <body style="width:100%; height:100%;"> <table id="mytable" border="1" width="37%"> <thead> </thead> <tr> <td width="63" >11</td> <td width="68" >12</td> <td width="62" >13</td> <td width="75" >14</td> </tr> <tr> <td width="63" >21</td> <td width="68" >22</td> <td width="62" >23</td> <td width="75" >24</td> </tr> <tr id="totalRow"></tr> </table> </body> </html>
效果图:
您可能感兴趣的文章:
- JS与jQuery遍历Table所有单元格内容的方法
- 基于jquery的合并table相同单元格的插件(精简版)
- 合并table相同单元格的jquery插件分享(很精简)
- jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
- 使用jQuery 操作table 完成单元格合并的实例
- jQuery获取table行数并输出单元格内容的实现方法
- jQuery 选择表格(table)里的行和列及改变简单样式
- jQuery操作checkbox选择(list/table)
- jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
- JS拖动选择table里的单元格完整实例【基于jQuery】
相关文章
Jquery中使用setInterval和setTimeout的方法
有时候需要在jquery中调用setInterval和setTimeout,直接在ready中调用其他方法,会提示缺少对象的错误,解决方法如下2013-04-04jquery ajax后台返回list,前台用jquery遍历list的实现
下面小编就为大家带来一篇jquery ajax后台返回list,前台用jquery遍历list的实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-10-10
最新评论