Преобразование HTML-таблицы в массив в JavaScript - PullRequest
Новая
       1

Преобразование HTML-таблицы в массив в JavaScript

14 голосов
/ 06 марта 2012

Как преобразовать таблицу HTML в массив 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>

1 Ответ

38 голосов
/ 06 марта 2012

Вот один из примеров того, что вы хотите. 

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.

Поскольку в этой реализации используется многомерный массив, вы можете получить доступ к строке и тд, выполнив что-то вроде этого: 

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

Редактировать: Вот пример для вашего примера: http://jsfiddle.net/PKB9j/1/

...