0

私は jQuery を初めて使用し、テーブルに基づいてグラフを作成するのに忙しくしています。http://coding.smashingmagazine.com/2011/09/23/create-an-animated-bar-graph-with-html-css-and-jquery/で良い例を見つけました。

しかし、私の質問は、テーブルを選択して配列に入れる方法ですか?

    <table id="data-table" border="1" cellpadding="10" cellspacing="0">
      <caption>
        table
      </caption>
      <thead>
        <tr>
          <td>month</td>
          <th scope="col">usage 1</th>
          <th scope="col">usage 2</th>

        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">jan</th>
          <td>1</td>
          <td>2</td>
        </tr>
        <tr>
          <th scope="row">feb</th>
          <td>3</td>
          <td>4</td>
        </tr>
        <tr>
          <th scope="row">march</th>
          <td>5</td>
          <td>6</td>
        </tr>
                    <tr>
          <th scope="row">april</th>
          <td>7</td>
          <td>8</td>
        </tr>
                    <tr>
          <th scope="row">may</th>
          <td>9</td>
          <td>10</td>
        </tr>
      </tbody>
    </table>

チュートリアルを調べていると、左から右に選択し、それらを 2 つの配列に配置していることがわかります。

    // Sort data into groups based on number of columns
    columnGroups: function() {
     var columnGroups = [];
   // Get number of columns from first row of table body
   var columns = data.find('tbody tr:eq(0) td').length;
   for (var i = 0; i < columns; i++) {
      columnGroups[i] = [];
      data.find('tbody tr').each(function() {
         columnGroups[i].push($(this).find('td').eq(i).text());
      });
   }
   return columnGroups;
}

5 つの配列を取得する方法、および 1,3,5,7,9 ではなく 1,2 のような値

4

1 に答える 1

0 
$(function(){
   var columnGroups = [],
       table = $('#data-table');

  table.find('tbody tr').each(function(index) {
     columnGroups[index] = [];
     $(this).find('td').each(function() {
         columnGroups[index].push($(this).text());
     });
  });

  console.log(columnGroups);
});

デモ: http://jsfiddle.net/tdmvt/

于 2012-09-26T10:20:43.650 に答える