js和jquery求table的列和
2013-01-31 21:26
197 查看
js实现
jquery实现
<html> <head> <title>求列和</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body onload="sum()"> <table id="ddd"> <tr><td>2</td><td>3</td><td>4</td></tr> <tr><td>2</td><td>3</td><td>4</td></tr> <tr><td>2</td><td>3</td><td>4</td></tr> </table> <script language="javascript" type="text/javascript"> function sum(){ var second = 0; var third = 0; var trObj = document.getElementsByTagName('tr'); for(var i = 1; i<=trObj.length; i++){ for(var j =1;j<=trObj[i-1].getElementsByTagName('td').length;j++) { if(j%2==0) second+=parseInt(trObj[i-1].getElementsByTagName('td')[j-1].innerHTML); if(j%3==0) third+=parseInt(trObj[i-1].getElementsByTagName('td')[j-1].innerHTML); } } alert("第二列和为:"+second); alert("第三列和为:"+third); } </script> </body> </html>
jquery实现
<!DOCTYPE html> <html> <head> <title>求列和</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery-1.3.2.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ var second=0; var third=0; // $("tr td:nth-child(2)") ; $("tr td:nth-child(2)").each(function (i){ second+=parseInt($(this).html()); }); $("tr td:nth-child(3)").each(function(i){ third+=parseInt($(this).html()); }); alert("第二列和为"+second); alert("第三列和为"+third); }); </script> </head> <body> <table id="ddd"> <tr><td>2</td><td>3</td><td>4</td></tr> <tr><td>2</td><td>3</td><td>4</td></tr> <tr><td>2</td><td>3</td><td>4</td></tr> </table> </body> </html>
相关文章推荐
- 有关js、jquery操作table的例子
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- js改变,设置table单双行颜色,jquery改变,设置table单双行颜色
- js实现table排序(jQuery下的jquery.sortElements)
- JS与jQuery遍历Table所有单元格内容的方法
- 用Jquery实现的一个Table的帮助js
- 排序插件jquery.tableSort.js
- js遍历table 和 jquery 遍历table
- js与jQuery实现获取table中的数据并拼成json字符串操作示例
- jquery.dad.js实现table的垂直拖拽(并取到当前拖拽对象)
- 利用jquery-latest.js实现合并table多列重复行
- javascript table排序之jquery.tablesorter.js
- JS+JQuery 实现前台 table 分页功能
- jquery.fixedtableheader.min.js固定表头功能
- DataTable 递归 简单的程序,来实现无限级列表 结合 jquery.table.js 实现
- [转]jQuery美化表格插件tablecloth.js
- js-jquery-将table的td转化成可编辑的文本
- [JS] jQuery与table
- 一款用于表格数据自定义排序的jQuery插件jquery.tablesortable.js(附ajax例子)
- knockoutjs+jquery.gridgroup 实现table数据加载和行合并