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>，您可以使用{直接将所有内容添加到<table> {1}}方法。

append()

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

2 个答案: