javascript - for循环使输出并排jquery

Question

  success: function(data) {
  var tr;
  if (data.error === true) {
    alert(data.message);
  }

  $("#Names").find("tr:gt(0)").remove();
  for (var i = 0; i < data.length; i++) {
    tr = $('<tr/>');
    tr.append("<td id='groupnumber'>" + data[i].id + "</td>");
    tr.append("<td id='groupname'>" + data[i].groupname + "</td>");
    var Names = data[i].Names;
    for (var q = 0; q < Names.length; q++) {
      tr.append("<td id='Names'>" + Names[q].firstname + " " + Names[q].lastname + "</td>"); //group members
    }
    tr.append("<td id='project'>" + data[i].project + "</td>");
    tr.append("<td id='adviser'>" + data[i].adviser + "</td>");
    tr.append("<td id='prof'>" + data[i].prof + "</td>");
    $("#Names").append(tr);
  }
},

我将上面的代码附加到我的表格中，它工作正常，但我想让它变得更好，我想询问如何以一种方式将我的名称结果输出到一个 td。目前它的输出视觉表示是这样的

|其他 td|约翰·史密斯|史密斯特工|新矩阵|其他 td|

Fyi 我在上面的代码片段`粘贴之前和之后还有其他附加。

我想要它看起来像这样

|其他 td|约翰·史密斯(或/)特工史密斯(或/)Neo Matrix|其他 td|

总而言之，我希望发生的一切是在生成名称时，我希望所有名称仅共享一个td

更新

示例数据

[{
    "groupid": "1",
    "groupname": "group 1",
    "project": "Project 1",
    "adviser": "Mr. Smith",
    "prof": "Prof X",
    "Names": [{
        "firstname": "Scott",
        "lastname": "Summers"
    }]
}, {
    "groupid": "2",
    "groupname": "group 2",
    "project": "Project 2",
    "adviser": "Mr. Anderson",
    "prof": "Magneto",
    "Names": [{
        "firstname": "Magneto",
        "lastname": "Poles"
    }]
}, {
    "groupid": "3",
    "groupname": "group 3",
    "project": "Project 3",
    "adviser": "Mr. Fury",
    "prof": "Magneto",
    "Names": [{
        "firstname": "Tony",
        "lastname": "Stark"
    }, {
        "firstname": "Natasha",
        "lastname": "romanoff"
    }]
}]

Answer 1

你可以做这样的事情

var Names = data[i].Names;
var td = $("<td id='Names' />");
for (var q = 0; q < Names.length; q++) {
  td.append(Names[q].firstname + " " + Names[q].lastname + ", ");  
}
tr.append(td);
$("#Names").append(tr);