如何利用js遍历table中的所有数据,并将其所有的数据拼接成json。
<html>
<script type="text/javascript">
function fore(){
var temp = "";
var tabLen = document.getElementById("tableID");
var jsonT = "{pieTes:[";
for(var i = 0; i < tabLen.rows.length;i++){
for(var j = 0;j<tabLen.rows[i].cells.length;j++){
//temp +=tabLen.rows[i].cells[j].innerHTML;
if(i == 0 && j == 0){
jsonT +="{name:\""+tabLen.rows[i].cells[0].innerHTML+"\",gw:\""+tabLen.rows[i].cells[1].innerHTML+"\"}"
}else{
jsonT +=",{name:\""+tabLen.rows[i].cells[0].innerHTML+"\",gw:\""+tabLen.rows[i].cells[1].innerHTML+"\"}"
}
}
}
jsonT += "]}";
console.log(jsonT);
}
</script>
<body onload="fore()">
<table style="border:1" id="tableID">
<tr>
<td>一一</td>
<td>一二</td>
<td>一三</td>
<td>一四</td>
<td>一五</td>
</tr>
<tr>
<td>二一</td>
<td>二二</td>
<td>二三</td>
<td>二四</td>
<td>二五</td>
</tr>
<tr>
<td>三一</td>
<td>三二</td>
<td>三三</td>
<td>三四</td>
<td>三五</td>
</tr>
<tr>
<td>四一</td>
<td>四二</td>
<td>四三</td>
<td>四四</td>
<td>四五</td>
</tr>
<tr>
<td>五一</td>
<td>五二</td>
<td>五三</td>
<td>五四</td>
<td>五五</td>
</tr>
</table>
</body>
</html>
以防备用。
分享到:
相关推荐
js 实现 JavaScript遍历table的行和列! 值得下载看看!资源免费,大家分享!!
JavaScript遍历table的行和列 JavaScript遍历table的行和列
利用jq遍历制作的简单的table切换效果,利用此资源可以在比较大的需要table切换效果时减少jq代码,以此来优化界面。
JavaScript遍历table 1、说明 遍历表格中的某行某列,并打印其值 2、实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &...
遍历json显示树形菜单 遍历json显示树形菜单 遍历json显示树形菜单
JS遍历Table的所有单元格内容思路是遍历Table的所有Row,遍历Row中的每一列,获取Table中单元格的内容 function GetInfoFromTable(tableid) { var tableInfo = ""; var tableObj = document.getElementById(table...
js 树形结构数据遍历条件判断删除对应数据
遍历JSON数据 概要 Traverse是一种go语言实用程序,用于“遍历”一块JSON编码的文本并返回选定的内容。 从go ,遍历细分RawMessage直到获得所需的。 我们使用指定遍历。 记录器也很好地利用了这种模式。 成分 遍历...
本代码实现的是通过数据库部分读到的json数据,填充到table表格中,并且也可以实现table表格中用户自行进行增删等操作,主要是jquery、js
例如: <table id=tb> <tr><th> </th><th> </th><th> ...而在JS中如何遍历赋值呢? 程序代码 var count=0; for(i=0; i < document.getElementById("tb1").rows.length; i++) { for(j=0; j < docume
用JS去遍历Table的所有单元格中的内容,可以用如下JS代码实现: function GetInfoFromTable(tableid) { var tableInfo = ""; var tableObj = document.getElementById(tableid); for (var i = 0; i < ...
ajax json 遍历json数组,json的说明文档,json操作说明
foreach (DataTable dt in YourDataset.Tables) //遍历所有的datatable { foreach (DataRow dr in dt.Rows) ///遍历所有的行 foreach (DataColumn dc in dt.Columns) //遍历所有的列 Console.WriteLine(“{0}, ...
js遍历xml 遍历json学习
自己总结的。java遍历JSON树
js 实现 JavaScript遍历对象中的所有属性! 值得下载看看!资源免费,大家分享!!
此方法可快速循环遍历多级嵌套或树状json结构,根据传入的参数获得对应的父子节点的属性值。
android下 把json字符串解析成Hasmap格式数据
最简单的方法就是: //当前页的刷新 $(".layui-laypage-btn")[0].click();...以上这篇layui前端框架之table表数据的刷新方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。