在循环jquery中动态创建<tr> & <td>

在循环jquery中动态创建<tr>和<td>，可以通过以下步骤实现：

首先，使用jQuery选择器选择要插入表格行的目标元素，例如一个表格的<tbody>元素或者具有特定id的元素。
在循环开始之前，准备要插入表格行的数据。可以从后端获取数据，或者直接定义一个数组或对象来存储数据。
使用一个循环结构（例如for循环或$.each()方法）遍历数据。在循环中，对于每个数据项，执行以下操作：
a. 创建一个新的<tr>元素，可以使用$('<tr>')来创建。
b. 在新的<tr>元素中，使用循环中的数据创建对应数量的<td>元素，并将数据填充到每个<td>中。
c. 使用append()方法将每个<td>元素添加到新的<tr>元素中。
d. 使用jQuery选择器将新的<tr>元素插入到目标元素中，例如使用appendTo()方法将其插入到表格的<tbody>元素中。

以下是一个示例代码：

// 目标元素选择器
var targetElement = $('#myTable tbody');

// 数据数组
var data = [
  { name: 'John', age: 25, gender: 'Male' },
  { name: 'Jane', age: 30, gender: 'Female' },
  { name: 'Bob', age: 35, gender: 'Male' }
];

// 循环创建表格行
$.each(data, function(index, item) {
  // 创建<tr>元素
  var newRow = $('<tr>');

  // 创建<td>元素并填充数据
  $('<td>').text(item.name).appendTo(newRow);
  $('<td>').text(item.age).appendTo(newRow);
  $('<td>').text(item.gender).appendTo(newRow);

  // 将新的<tr>插入到目标元素中
  newRow.appendTo(targetElement);
});

这段代码会根据数据数组data中的每个对象，动态创建一行表格，并将姓名、年龄和性别数据填充到对应的单元格中。

注意：以上示例仅演示了动态创建表格行的基本步骤。根据实际需求，你可以在创建<td>元素时添加更多的样式、事件处理程序等。另外，如果表格较大或需要频繁操作DOM，建议使用性能更高的做法，如使用document.createDocumentFragment()或使用现代前端框架（如React、Vue等）进行表格渲染。