使用JQuery将数据追加到html表中

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容将在此处动态添加 -->
  </tbody>
</table>

$(document).ready(function() {
  // 假设有一个包含数据的数组
  var data = [
    { name: "John", age: 25, country: "USA" },
    { name: "Alice", age: 30, country: "Canada" },
    { name: "Bob", age: 35, country: "UK" }
  ];

  // 遍历数据数组，并将每个对象的属性值添加到表格中
  $.each(data, function(index, item) {
    var row = "<tr><td>" + item.name + "</td><td>" + item.age + "</td><td>" + item.country + "</td></tr>";
    $("#myTable tbody").append(row);
  });
});