動的HTMLテーブルからデータを取得する最も簡単な方法

Question

動的HTMLテーブルからデータを取得しようとしています。ユーザーは、（JavaScriptスクリプトを使用して）行を追加または削除し、表の入力フィールドにデータを入力するオプションが必要です。 テーブルからデータを取得する方法が必要です。私はJavaScriptがファイルに書き込むことはできませんが、他のオプションはありますか？

ありがとうございました。すべてのヘルプは非常に大いに感謝しています！

**編集：テーブルに行/列を追加および削除しているため、テキスト入力が動的に作成され、これらのフィールドから値を取得しようとしています。

Answer 1

単純なJS関数を作成して、データを配列形式で取り出すことができます。 私はこれについて非常に単純なテーブルを想定しています。

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/ ..私は容易にするための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で同じことを行うことができます