使用jq对表格数据进行操作
2017-10-18 09:34
253 查看
1、从循环行中找到某列的值
用javascript从tr中分别获得每个td的元素
拓展使用jq几行命令就能实现获取td的值
2、将循环行中的某列值求和
用javascript从tr中分别获得每个td的元素
<script> var tb = document.getElementById("tb"); //根据id找到这个表格 var rows = tb.rows; //取得这个table下的所有行 for(var i=0;i<rows.length;i++)//循环遍历所有的tr行 { for(var j=0;j<rows[i].cells.length;j++)//取得第几行下面的td个数,再次循环遍历该行下面的td元素 { var cell = rows[i].cells[j];//获取某行下面的某个td元素 alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cell.innerHTML);//cell.innerHTML获取元素里头的值 } } </script>
拓展使用jq几行命令就能实现获取td的值
$('.tr1').each(function (){ /*获取两列值,并将两列求和*/ var s1 = $(this).find(".s1").val(); var s2 = $(this).find(".s2").val(); $(this).find(".total").val(parseInt(s1)+parseInt(s2)); )}
2、将循环行中的某列值求和
var sum = document.getElementsByName("total"); /* 1、获取总和(相同列) */ for (var i = 0; i < sum.length; i++) { sumValue +=parseFloat(sum[i].value); }
相关文章推荐
- Silverlight 2 (beta1)数据操作(5)——使用LINQ to SQL进行数据CRUD操作(上)
- 使用Repeater绑定数据,及提取显示数据进行操作的一点小方法!(模板列)
- 使用JDBC的CachedRowSet实现将数据源中的数据读取到内存中进行离线操作
- SQLSERVER 2005中使用sql语句对xml文件和其数据的进行操作(很全面)
- Silverlight 2 (beta1)数据操作(6)——使用LINQ to SQL进行数据CRUD操作(下)
- Silverlight 2 (beta1)数据操作(3)——使用ADO.NET Data Service (Astoria)进行数据CRUD操作
- 使用SQL游标对数据进行遍历循环操作
- 使用ajax来实现数据的添加删除查询并能操作表格
- Silverlight ——使用LINQ to SQL进行数据CRUD操作(上)
- JS操作DOM 使用表格动态展示数据
- Android中使用SharedPreferences进行数据存储及文件操作模式
- 一个使用GridView显示数据,并且可以进行添加、修改、删除操作的例子
- Android中使用SQlite进行数据操作
- Spring中使用getSession()与通过HibernateTemplate进行数据操作的差别
- [导入]Silverlight 2 (beta1)数据操作(2)——使用ASP.NET Web Service进行数据CRUD操作(下)
- Silverlight 2 (beta1)数据操作(2)——使用ASP.NET Web Service进行数据CRUD操作(下)
- Android之使用ContentResolver对通信录中的数据进行简单操作
- [导入]Silverlight 2 (beta1)数据操作(5)——使用LINQ to SQL进行数据CRUD操作(上)
- 使用merge关键字对数据进行 insert 或update操作
- Silverlight 2 (beta1)数据操作(2)——使用ASP.NET Web Service进行数据CRUD操作(下) - YJingLee??s Blog - 博客园