JSで自動でテーブルを作る

環境

  • js
  • Javascript
  • jQuery

実装

<html>
 <body>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <div id="here_table"></div>
    <script type="text/javascript">

      var table = $('<table></table>').addClass('foo');

      for(i=0; i<3; i++){
          var row = $('<tr></tr>').addClass('bar').text('result ' + i);
          table.append(row);
      }

      $('#here_table').append(table);

  </script>
 </body>
</html>

実行

Screen Shot 2018-02-20 at 7.26.15.png

参照

Create table with jQuery – append