使用jquery动态创建TD并打印所有数据

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 这里将动态创建的行添加到tbody中 -->
  </tbody>
</table>

// 假设数据存储在一个数组中
var data = [
  { col1: '数据1', col2: '数据2', col3: '数据3' },
  { col1: '数据4', col2: '数据5', col3: '数据6' },
  // 更多数据...
];

// 遍历数据数组
$.each(data, function(index, item) {
  // 创建新的行
  var row = $('<tr>');

  // 创建并添加TD元素到行中
  $.each(item, function(key, value) {
    $('<td>').text(value).appendTo(row);
  });

  // 将行添加到表格的tbody中
  row.appendTo('#myTable tbody');
});