链接Jquery以创建活动表

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

<table id="activity-table">
  <thead>
    <tr>
      <th>活动名称</th>
      <th>时间</th>
      <th>地点</th>
      <th>描述</th>
    </tr>
  </thead>
  <tbody>
    <!-- 这里可以添加活动数据行 -->
  </tbody>
</table>

$(document).ready(function() {
  // 获取表格元素
  var table = $('#activity-table');

  // 添加活动数据行
  table.find('tbody').append('<tr><td>活动1</td><td>2022-01-01</td><td>地点1</td><td>描述1</td></tr>');
  table.find('tbody').append('<tr><td>活动2</td><td>2022-02-02</td><td>地点2</td><td>描述2</td></tr>');

  // 编辑活动数据行
  var row = table.find('tbody tr:first');
  row.find('td:eq(0)').text('新的活动名称');
  row.find('td:eq(1)').text('2022-03-03');
  row.find('td:eq(2)').text('新的地点');
  row.find('td:eq(3)').text('新的描述');

  // 删除活动数据行
  table.find('tbody tr:last').remove();
});