Chuyển đổi bảng html thành mảng trong javascript

Question

Tôi muốn hỏi là có thể chuyển đổi một TABLE HTML thành mảng trong javascript? Tôi có cái bàn này. Tôi chưa thử làm gì cả.

<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

Đây là một ví dụ về thực hiện những gì bạn muốn.

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

Bạn có thể mở rộng bằng cách sử dụng văn bản của TH để thay vào đó tạo cặp khóa-giá trị cho mỗi TD.

Kể từ khi thực hiện này sử dụng một mảng đa chiều, bạn có thể truy cập vào một hàng và một td bằng cách làm một cái gì đó như thế này:

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

Edit: Đây là một fiddle ví dụ của bạn: http://jsfiddle.net/PKB9j/1/