在列（脚本）中添加文本框

Question

我有以下代码（在脚本中）：

var response = [{
      "A":"a2",
      "B":"b2",
      "C":"c2"
     },
     {
      "A":"a3",
      "B":"b3",
      "C":"c3"
    },
    {
      "A":"a4",
      "B":"b4",
      "C":"c4"
    }];

    $.each(response, function(i, item) {
                $('<tr>').html(
                //"<tr>" +
                "<td>" + response[i].A + "</td><td>" + response[i].B + "</td><td>" + response[i].C + "</td>" + "</tr>").appendTo('#MyTable tbody');
        });

并且我想更改一列（仅用于exp，它将是“ A”）由文本框“编辑”。 我正在努力：

...                `"<td><input type="text">" + response[i].A + "</td><td>" + response[i].B + "</td><td>" + response[i].C + "</td>" + "</tr>").appendTo('#MyTable tbody');`...

但它不起作用。 任何帮助，请！

Answer 1

尝试说这个

var firstcell = "<td><input type="text" value="VALUE"</td>";
firstcell = firstcell.replace('VALUE', response[i].A);

将其用于每个行的第一个单元格。 之后，将其整行追加。

Answer 2

如果我理解正确，

无需创建<tr> ，而是稍后使用html()向其中添加内容并最终添加以执行<table> ，您可以使用append()方法将所有内容直接添加到<table> 。

 $.each(response, function(i, item) {
     $('#MyTable tbody').append("<tr>"
          +"<td><input type='text' value='"+ response[i].A +"'/> </td><td><input type='text' value='"+ response[i].B +"'/></td><td><input type='text' value='"+ response[i].C +"'/></td>"
          + "</tr>");
     });