如何在JQuery中使用for each并在html表格中显示

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

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

var data = [
  { name: "张三", age: 25, gender: "男" },
  { name: "李四", age: 30, gender: "女" },
  { name: "王五", age: 28, gender: "男" }
];

$.each(data, function(index, item) {
  var row = $("<tr></tr>"); // 创建一行
  row.append($("<td></td>").text(item.name)); // 添加姓名列
  row.append($("<td></td>").text(item.age)); // 添加年龄列
  row.append($("<td></td>").text(item.gender)); // 添加性别列
  $("#myTable tbody").append(row); // 将行添加到表格的<tbody>中
});

$(document).ready(function() {
  // 在这里执行上述代码
});