jquery生成表格数据

以下是一个使用jQuery生成表格数据的示例：

HTML：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

JavaScript：

// 假设有一个数组存储了表格数据
var data = [
  {name: '张三', age: 20, gender: '男'},
  {name: '李四', age: 25, gender: '女'},
  {name: '王五', age: 30, gender: '男'}
];

// 遍历数组，生成表格行
$.each(data, function(index, value) {
  // 创建表格行
  var row = $('<tr>');

  // 创建表格单元格并添加到行中
  $('<td>').html(value.name).appendTo(row);
  $('<td>').html(value.age).appendTo(row);
  $('<td>').html(value.gender).appendTo(row);

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

这个示例中，我们使用jQuery的each方法遍历数据数组，然后根据数据创建表格行和单元格，并将它们添加到表格中。注意，我们在表格头部定义了表格的结构，表格体部分是空的，我们通过JavaScript动态地生成表格体。