Jquery将数据数组添加到表行

<table>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody id="tableBody">
    <!-- 这里将会动态添加表行 -->
  </tbody>
</table>

// 假设我们有一个数据数组
var dataArray = [
  { col1: '数据1', col2: '数据2', col3: '数据3' },
  { col1: '数据4', col2: '数据5', col3: '数据6' },
  { col1: '数据7', col2: '数据8', col3: '数据9' }
];

// 使用JQuery的each()方法遍历数据数组
$.each(dataArray, function(index, data) {
  // 创建一个新的表行
  var newRow = $('<tr>');

  // 将数据添加到表行的单元格中
  newRow.append($('<td>').text(data.col1));
  newRow.append($('<td>').text(data.col2));
  newRow.append($('<td>').text(data.col3));

  // 将新的表行添加到表体中
  $('#tableBody').append(newRow);
});