htmlテーブルをjavascriptの配列に変換する

Question

HTMLテーブルをjavascriptのArrayに変換することは可能ですか？私はこのテーブルを持っています。私はまだ何も試していない。

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

Answer 1

ここでは、必要なことを行う1つの例を示します。

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

たとえば、THのテキストを使用して、代わりに各TDのキーと値のペアを作成してこれを拡張できます。この実装は多次元配列を使用しているため

は、あなたがこのような何かをすることによって、行およびTDにアクセスすることができます。

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

編集：http://jsfiddle.net/PKB9j/1/