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

时间:2016-07-06 04:51:23

标签: javascript html simple-html-dom

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

谢天谢地。非常感谢所有帮助!

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

1 个答案:

答案 0 :(得分:0)

您可以创建一个简单的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/