Einfachste Möglichkeit, Daten aus einer dynamischen HTML-Tabelle zu erhalten

Question

Ich versuche, Daten aus einer dynamischen HTML-Tabelle zu erhalten. Der Benutzer muss die Option zum Hinzufügen oder Löschen von Zeilen (über ein JavaScript-Skript) und dann Daten in die Tabelleneingabefelder eingeben. Ich brauche einen Weg, um die Daten aus der Tabelle zu bekommen. Ich weiß, dass JavaScript nicht in eine Datei schreiben kann, aber gibt es noch andere Optionen?

Danke schön. Alle Hilfe wird sehr geschätzt!

** Bearbeiten: Ich bin hinzufügen und Löschen von Zeilen/Spalten in der Tabelle, so dass die Texteingaben dynamisch erstellt werden und ich versuche, die Werte aus diesen Feldern zu erhalten.

Answer 1

Sie könnten eine einfache JS-Funktion erstellen, um Daten in einer Array-Form herauszufischen. Ich nehme eine sehr einfache Tabelle dafür an. ich JQuery habe Leichtigkeit verwendet, aber Sie können mit Javascript das gleiche tun ..

<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> 

ich JQuery für Mühelosigkeit verwendet haben, aber Sie können mit 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/ das gleiche tun