// 假设有一个数据数组
var dataArray = [
  {id: 1, name: '张三', age: 25},
  {id: 2, name: '李四', age: 30},
  {id: 3, name: '王五', age: 28}
];

// 获取表格的tbody元素
var $tbody = $('#myTable tbody');

// 清空现有内容（可选）
$tbody.empty();

// 遍历数组并添加行
$.each(dataArray, function(index, item) {
  $tbody.append(
    '<tr>' +
      '<td>' + item.id + '</td>' +
      '<td>' + item.name + '</td>' +
      '<td>' + item.age + '</td>' +
    '</tr>'
  );
});

$.each(dataArray, function(index, item) {
  $tbody.append(`
    <tr>
      <td>${item.id}</td>
      <td>${item.name}</td>
      <td>${item.age}</td>
    </tr>
  `);
});

$.each(dataArray, function(index, item) {
  var $row = $('<tr>');
  $row.append($('<td>').text(item.id));
  $row.append($('<td>').text(item.name));
  $row.append($('<td>').text(item.age));
  $tbody.append($row);
});

// 创建文档片段
var fragment = document.createDocumentFragment();

$.each(dataArray, function(index, item) {
  var $row = $('<tr>');
  // ...添加单元格
  fragment.appendChild($row[0]);
});

$tbody.append(fragment);

$row.append($('<td>').text(item.name));

$.each(dataArray, function(index, item) {
  var $row = $('<tr>').data('item-data', item);
  // ...添加单元格
  $row.click(function() {
    console.log('选中行数据:', $(this).data('item-data'));
  });
  $tbody.append($row);
});

// 定义模板
var source = '<tr><td>{{id}}</td><td>{{name}}</td><td>{{age}}</td></tr>';
var template = Handlebars.compile(source);

// 使用模板
$.each(dataArray, function(index, item) {
  $tbody.append(template(item));
});