从JSON字符串JavaScript填充JQ网格

// JSON字符串
var jsonString = '[{"name":"John","age":30,"city":"New York"},{"name":"Jane","age":25,"city":"London"}]';

// 解析JSON字符串为JavaScript对象
var jsonData = JSON.parse(jsonString);

// 获取表格容器
var tableContainer = $('#table-container');

// 创建表格
var table = $('<table>');

// 创建表头
var thead = $('<thead>');
var headerRow = $('<tr>');
headerRow.append('<th>Name</th>');
headerRow.append('<th>Age</th>');
headerRow.append('<th>City</th>');
thead.append(headerRow);
table.append(thead);

// 创建表体
var tbody = $('<tbody>');
$.each(jsonData, function(index, item) {
  var row = $('<tr>');
  row.append('<td>' + item.name + '</td>');
  row.append('<td>' + item.age + '</td>');
  row.append('<td>' + item.city + '</td>');
  tbody.append(row);
});
table.append(tbody);

// 将表格添加到容器中
tableContainer.append(table);