`
jingliankui123
  • 浏览: 104762 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

把html表格中数据转化为数据

阅读更多

function tableInfo(id) {//把页面的表转为两维数组

 var tr_s = $("tr", $("#grideData"));//grideData是表格的id
 var col_length = 0;
 var rows = $("td,th", $(tr_s[0]));
 $.each(rows, function (i, n) {
  if ($(n).attr("colspan") == null) {
   col_length++;
  } else {
   col_length = parseInt(col_length) + parseInt($(n).attr("colspan"));
  }
 });
 var table_array = new Array();
 for (var i = 0; i < tr_s.length; i++) {
  var col_array = new Array();
  for (var j = 0; j < col_length; j++) {
   col_array.push("#");
  }
  table_array.push(col_array);
 }
 for (var i = 0; i < tr_s.length; i++) {
  var rows = $("td,th", $(tr_s[i]));
  for (j = 0; j < rows.length; j++) {
   var col_num = $(rows[j]).attr("colspan");
   var row_num = $(rows[j]).attr("rowspan");
   if (col_num != null || row_num > 1) {
    if (col_num != null) {
     var count = parseInt(col_num);
     for (var c = j; c < (j + count); c++) {
      if (table_array[i][c] == "#") {
       table_array[i][c] = $.trim($(rows[j]).text());
      } else {
       for (var h = j; h < table_array[i].length; h++) {
        if (table_array[i][h] != "#") {
         continue;
        }
        if ($.trim($(rows[j]).text()) != "%") {
         table_array[i][h] = $.trim($(rows[j]).text());
        } else {
         table_array[i][h] = $.trim($(rows[j - 1]).text()) + "%";
        }
        break;
       }
      }
     }
    }
    if (row_num > 1) {
     var count = parseInt(row_num);
     for (var c = i; c < (i + count); c++) {
      if (table_array[c][j] == "#") {
       table_array[c][j] = $.trim($(rows[j]).text());
      }
     }
    }
   } else {
    if (table_array[i][j] == "#") {
     if ($.trim($(rows[j]).text()) != "%") {
      table_array[i][j] = $.trim($(rows[j]).text());
     } else {
      table_array[i][j] = $.trim($(rows[j - 1]).text()) + "%";
     }
    } else {
     for (var h = j; h < table_array[i].length; h++) {
      if (table_array[i][h] != "#") {
       continue;
      }
      if ($.trim($(rows[j]).text()) != "%") {
       table_array[i][h] = $.trim($(rows[j]).text());
      } else {
       table_array[i][h] = $.trim($(rows[j - 1]).text()) + "%";
      }
      break;
     }
    }
   }
  }
 }
 return table_array;
}

 

 

 

function changArray(array) {//数组x轴和y轴对换
 var arrays = [];
 for (var i = 0; i < array.length; i++) {
  for (var j = 0; j < array[j].length; j++) {
   arrays[i][j] = array[j][i];
  }
 }
 return arrays;
}

 

function getArrayByTitle(titles, tableInfo, type, types) {//根据文本计算数据下标
 var str = "{";
 if (types == 1) {//左边有全拼行的情况下
  tableInfo = changArray(tableInfo);
 }
 if (type == "col") {
  for (var j = 0; j < titles.length; j++) {
   str += "\"" + titles[j] + "\":[";
   for (var i = 0; i < tableInfo[0].length; i++) {
    if ($.trim(titles[j]) == $.trim(tableInfo[0][i])) {
     str += i + ",";
    }
   }
   str = str.substring(0, str.length - 1);
   str += "],";
  }
  str = str.substring(0, str.length - 1);
  str += "}";
 } else {
  if (type == "row") {
   for (var j = 0; j < titles.length; j++) {
    str += "\"" + titles[j] + "\":[";
    for (var i = 0; i < tableInfo.length; i++) {
     if ($.trim(titles[j]) == $.trim(tableInfo[i][0])) {
      str += i + ",";
     }
    }
    str = str.substring(0, str.length - 1);
    str += "],";
   }
   str = str.substring(0, str.length - 1);
   str += "}";
  }
 }
 return str;
}

分享到:
评论

相关推荐

    js导出html表格中数据示例

    综上所述,JavaScript导出HTML表格数据到Excel涉及DOM操作、数据转换、CSV格式化以及跨浏览器兼容性处理。在实际应用中,应根据项目需求和目标用户的浏览器选择合适的方法。在遇到兼容性问题时,考虑使用第三方库或...

    漂亮的将后台数据成表格显示到HTML页面中

    要将这样的XML数据转换为HTML表格,我们需要前端JavaScript来处理。JavaScript可以使用DOM(Document Object Model)API来操作HTML文档,包括创建新的元素、插入内容等。当从后台获取XML数据后,我们可以解析XML文档...

    python 将excel表格转换为图表

    内容简介:使用python 将excel表格转换为图表,使用GUI界面进行操作,可转换成html网页文件,也可以在html页面保存表格为图片。 此代码文件内,包括了exe执行文件以及源码,可以在任何电脑上执行此exe文件,不需要...

    Python数据分析实践:pandas读写html表格数据new.pdf

    总结起来,`pandas` 的 `read_html()` 和 `to_html()` 函数为HTML表格数据的读取和输出提供了极大的便利,使得数据分析人员可以更专注于数据本身,而不是处理数据获取的技术细节。通过掌握这两个函数,可以大大简化...

    jquery html5 canvas 图表插件获取表格数据值

    要将表格数据转换为Canvas图表,首先需要选择表格元素,例如: ```javascript var table = $('#yourTableId'); var rows = table.find('tr'); ``` 然后,遍历每一行获取数据,如单元格(td)中的值: ```javascript ...

    JS自动把JSON数据转换成表格

    通过上述分析,我们可以看到 `HeefoxAutoTable` 函数提供了一种简便的方法来将JSON数据转换为HTML表格。用户只需通过 `setDataSource` 设置数据源、`addColumn` 添加表头和字段,然后调用 `createTableAsObj` 或 `...

    c#asp.net表格Html数据模板转换Pdf文件web打印报表dll

    本文将详细探讨如何利用C# ASP.NET处理HTML表格数据,并将其转换为PDF格式,以便进行Web打印和生成PDF报表,以及相关的DLL库的使用。 首先,我们需要了解HTML表格。HTML表格是网页中组织数据的标准方式,它们由`...

    用Java语言实现Excel表格数据到HTML表格数据的转换.pdf

    利用POI读取Excel表格数据结合单元格性质的特点,把Excel表格转换HTML表格数据,为科学数据上网做必要的准备工作。

    html中表格数据导出插件及DEMO

    总的来说,HTML表格数据导出插件通过JavaScript实现了从HTML到Excel的转换,这不仅方便了用户对数据的存储和处理,也为网页应用提供了更多互动性。通过理解这一过程,开发者可以进一步定制化自己的数据导出功能,以...

    ASP.NET中的三种表格化数据方法

    以下是一段示例代码,展示了如何在ASP.NET中直接生成HTML表格: ```csharp public class WebForm2 : System.Web.UI.Page { protected System.Web.UI.HtmlControls.HtmlTable tblContainer; public void ...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    成功获取数据后,遍历JSON数组,使用`append()`方法将每一项数据转化为`&lt;tr&gt;`元素并插入到表格中。例如: ```javascript $.getJSON('your_api_url', function(data) { $.each(data, function(key, item) { var ...

    C#爬虫获取网页中表格数据

    C#爬虫获取网页中表格数据 在本文中,我们将介绍如何使用C#语言来爬取网页中的表格数据。爬虫技术可以帮助我们快速地获取网络上的信息,从而满足我们的需求。 爬虫概述 爬虫是指一种自动化的程序,可以模拟用户的...

    基于EXT2.0.2表格间数据拖拽

    例如,在dragStart事件中,我们可以获取选中的行数据,并将其转换为适合拖放的格式,如HTML字符串或自定义的数据对象。 3. **处理数据交换**:在DropTarget的drop事件中,我们需要解析拖动过来的数据,并更新对应的...

    Python网页数据抓取以及表格的制作

    比如,你可以将抓取到的网页表格数据转化为DataFrame,进行清洗、筛选、聚合等操作。在`51data.py`和`51r.py`中,很可能包含了使用pandas处理和分析数据的示例。 接下来,我们讨论CSS文件的生成。在Python中,可以...

    poi将word转换成html、样式 表格 图片处理

    在本案例中,我们关注的是如何使用Apache POI将Word文档转换为HTML格式,并且保持原有的样式、表格和图片。下面我们将详细介绍这个过程中的关键知识点。 1. **Apache POI简介** Apache POI 提供了Java API,使得...

    servlet+jquery表格数据填充

    在`success`回调函数中,遍历JSON数组,为每个数据项创建一个新的表格行,并将数据填入对应的表格单元格中。 此外,标签中提到的JSON是一个数据交换格式,它允许Servlet以轻量级的方式将数据传输到前端。在Servlet...

    MVC3.0 实现Html表格导入到Excel中

    将HTML表格数据转化为CSV字符串,每个单元格由逗号分隔,每行数据由换行符分隔。 4. **设置响应头**:在Controller中,设置HTTP响应头,指示浏览器下载文件而不是在新窗口中打开。需要设置`Content-Type`为`...

    html表格数据的读取.pptx

    在数据分析领域,Python是一种极其强大的工具,特别是在处理和解析HTML表格数据时。HTML表格是网页上常见的一种数据展示形式,而Python的库如BeautifulSoup、pandas和Requests等提供了便捷的方式来提取这些数据,...

    Python-将NMap扫描转换为D3jsHTML表格

    在IT行业中,数据可视化是一项关键技能,它能够帮助我们更好地理解和解释复杂的数据。在这个场景中,我们将探讨如何...这样的技术组合有助于将网络扫描数据转化为直观易读的形式,对网络管理、安全分析等领域非常有用。

Global site tag (gtag.js) - Google Analytics