从动态 HTML 表中获取数据的最简单方法答案

【问题标题】：Simplest way to get data from a dynamic HTML table从动态 HTML 表中获取数据的最简单方法
【发布时间】：2016-07-06 13:14:56
【问题描述】：

我正在尝试从动态 HTML 表中获取数据。用户必须选择添加或删除行（通过 javascript 脚本），然后将数据输入到表输入字段中。我需要一种将数据从表中取出的方法。我意识到javascript无法写入文件，但还有其他选择吗？

非常感谢。非常感谢所有帮助！

**编辑：我正在向表中添加和删除行/列，因此文本输入是动态创建的，我正在尝试从这些字段中获取值。

【问题讨论】：

标签： javascript html simple-html-dom

【解决方案1】：

您可以创建一个简单的 JS 函数来以数组形式提取数据。我为此假设一个非常简单的表格。我使用 JQuery 很方便，但你可以用 javascript 做同样的事情。

<table id="mytable">
<tr>
  <td>1</td>
  <td>3</td>
  <td>4</td>
  <td>2</td>
</tr><tr>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>
</tr><tr>
  <td>9</td>
  <td>31</td>
  <td>42</td>
  <td>23</td>
</tr>
</table>
<script>
    getAllDataFromTable();
</script>

我使用 JQuery 是为了方便，但你可以用 javascript 做同样的事情。

function getAllDataFromTable(){
    var mydata = Array();
  for(i=0;i<$('#mytable').find("tr").length;i++){
    mydata[i] = Array();
    var currentRow = $('#mytable').find("tr").eq(i);
    for(j=0; j< currentRow.find('td').length ;j++){
        mydata[i][j] = currentRow.find('td').eq(j).html()
    };
  };
  alert(JSON.stringify(mydata))
}

https://jsfiddle.net/9yuc3bvj/

【讨论】：

嗨！首先，感谢您的回答！我很抱歉不清楚。我需要能够获取来自在我向表中添加/删除行时创建的新 td 元素的数据。
你可以只使用内部的while循环。使用 ($('#mytable').find("tr").length - 1) 获取最终表行并遍历 TD。