如何利用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与jQuery实现获取table中的数据并拼成json字符串操作示例 本文主要介绍了使用JavaScript和jQuery实现从HTML表格中获取数据并将其拼成JSON字符串的操作示例。该示例涉及到JavaScript和jQuery对HTML页面表格数据的...
在网页设计中，表格（Table）是一种常见的数据展示方式，特别是在数据量较大或者需要分页显示的情况下。然而，当表格内容过多时，直接展示所有数据可能会导致页面拥挤，影响用户体验。这时，我们可以利用JavaScript...
js 实现 JavaScript遍历table的行和列! 值得下载看看!资源免费,大家分享!!
JavaScript遍历table的行和列 JavaScript遍历table的行和列
在处理Web应用程序中的数据时，JSON（JavaScript Object Notation）是一种非常常见的数据格式。它轻量级且易于读写，因此广泛应用于前后端的数据交互中。对于Java开发者来说，能够熟练地操作JSON数据是必不可少的...
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数组，使用`append()`方法将每一项数据转化为`<tr>`元素并插入到表格中。例如： ```javascript $.getJSON('your_api_url', function(data) { $.each(data, function(key, item) { var ...
在JavaScript编程中，处理树形结构数据是一种常见的需求，特别是在数据可视化、文件系统管理或组织层级结构等场景。树形结构数据通常包含嵌套的数组，每个元素代表一个节点，可能有子节点（children）属性。`...
这段代码首先通过`foreach`循环遍历`DataSet`中的每一个`DataTable`，然后对每个`DataTable`使用嵌套的`foreach`循环遍历其所有的`DataRow`，再在`DataRow`内部遍历所有的`DataColumn`，最后通过`dr[dc]`获取单元格...
在IT行业中，处理数据结构是常见的任务之一，特别是在面对复杂的数据结构如树状JSON时。树状JSON结构常用于表示层级关系，例如组织结构、文件系统或者导航菜单等。本篇将详细介绍如何遍历多级嵌套或树状的JSON结构，...
在IT领域，尤其是在前端开发中，经常需要处理JSON（JavaScript Object Notation）数据，并将其以树形结构展示出来，这通常用于构建导航菜单、组织层级数据等。"遍历json显示树形菜单"是一个常见的需求，涉及到的主要...
总结，解决JavaScript组装JSON的繁琐问题，可以通过采用javabean模式创建数据封装对象，并结合JavaScript的`prototype`来扩展功能。利用`toJSONObject`这样的辅助函数，可以方便地将复杂的数据结构转换为JSON格式，...
例如： <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
在JavaScript（JS）中，遍历Table的所有单元格内容是一个常见的任务，特别是在处理网页上的表格数据时。这个过程可以通过使用`for`循环实现，结合DOM（文档对象模型）操作来访问表格元素。以下是对给定代码的详细...
遍历JSON数据 概要 Traverse是一种go语言实用程序，用于“遍历”一块JSON编码的文本并返回选定的内容。 从go ，遍历细分RawMessage直到获得所需的。 我们使用指定遍历。 记录器也很好地利用了这种模式。 成分 遍历...
将数据库的Table表转换成JSON格式的字符串是数据处理与传输中的常见需求，尤其是在Web开发领域，这种转换有助于实现前后端的数据交互，因为JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人...
ajax json 遍历json数组，json的说明文档，json操作说明
在JavaScript中，XML（eXtensible Markup Language）和JSON（JavaScript Object Notation）是两种常见的数据交换格式，尤其在Web开发中广泛使用。本文将深入探讨如何使用JavaScript来遍历XML文档和处理JSON对象。 ...
在JavaScript中，遍历文件夹下的所有文件与目录是一项常见的任务，尤其是在需要处理本地文件系统时。本文将详细介绍如何使用`Scripting.FileSystemObject`对象来实现这一功能，并对提供的示例代码进行深入解析。 ##...
在IT行业中，JSON（JavaScript Object Notation）是一种广泛使用的轻量级数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成。JSON格式基于JavaScript的一个子集，但它是独立于语言的，有着明确的标准定义...