web-dev-qa-db-fra.com

Convertir un tableau html en tableau en javascript

Comment convertir un tableau HTML en tableau JavaScript?

<table id="cartGrid">
  <thead>
       <tr>
          <th>Item Description</th>
          <th>Qty</th>
          <th>Unit Price</th>
          <th>Ext Price</th>
       </tr>
  </thead>
<tbody>
    <tr><td>Old Lamp</td><td>1</td><td>107.00</td><td>107.00</td>
    <tr><td>Blue POst</td><td>2</td><td>7.00</td><td>14.00</td>
</tbody>
</table>
javascriptjqueryhtmlarrayshtml-table
16
jongbanaag

Voici un exemple de ce que vous voulez.

var myTableArray = [];

$("table#cartGrid tr").each(function() {
    var arrayOfThisRow = [];
    var tableData = $(this).find('td');
    if (tableData.length > 0) {
        tableData.each(function() { arrayOfThisRow.Push($(this).text()); });
        myTableArray.Push(arrayOfThisRow);
    }
});

alert(myTableArray);

Vous pourriez probablement développer cela, par exemple, en utilisant le texte de TH pour créer à la place une paire clé-valeur pour chaque TD.

Étant donné que cette implémentation utilise un tableau multidimensionnel, vous pouvez accéder à une ligne et à un td en faisant quelque chose comme ceci:

myTableArray[1][3] // Fourth td of the second tablerow

Edit: Voici un violon pour votre exemple: http://jsfiddle.net/PKB9j/1/

43
Andreas Eriksson

Cette fonction couvre une table Html (donnez juste l'id) et elle retourne un tableau de la table:

            function table_to_array(table_id) {
                    myData = document.getElementById(table_id).rows
                    //console.log(myData)
                    my_liste = []
                    for (var i = 0; i < myData.length; i++) {
                            el = myData[i].children
                            my_el = []
                            for (var j = 0; j < el.length; j++) {
                                    my_el.Push(el[j].innerText);
                            }
                            my_liste.Push(my_el)

                    }
                    return my_liste
            }

J'espère que ça t'aide !

0
Youcef Ali