0
此脚本生成一个内含4 HTML表格4个jQuery UI的标签,
如何合并这些表,使其在一个表中,附截图决赛桌。
var data = $.parseJSON("{\"version\":\"5.2\",\"user_type\":\"online\",\"user\":[{\"name\":\"John\",\"id\":50},{\"name\":\"John\",\"id\":51},{\"name\":\"John\",\"id\":57},{\"name\":\"John\",\"id\":98}]}");
const setTables = new Set();
$.each(data.user, function(key, value) {
let table;
var row = $("<tr/>");
if ($('table#main_table_' + value.id).length)
table = $("#main_table_" + value.id);
else
table = $('<table class="table table-responsive table-hover table-bordered"></table>');
table.attr('id', 'main_table_' + value.id);
row.append($("<td/>").text(value.name));
row.append($("<td/>").text(value.id));
table.append(row);
if(!setTables.has(value.id)) {
table.append($("<thead><tr><th>NAME</th><th>ID</th></tr></thead>"));
setTables.add(value.id);
$("#ul-tabs").append("<li><a href=\"#tabs-"+ value.id +"\">"+value.name+"</a></li>");
$("#tabs").append("<div id=\"tabs-"+value.id+"\">"+table.prop('outerHTML')+"</div>");
}
});
$("#tabs").tabs();
如果想约翰后添加另一行, 说第二排有名称为XYZ,和ID为1,50,45,98 –
我更新了你的情况的代码是什么。 –