Jquery 创建元素并设置属性

我是jquery的新手，我尝试在按钮上创建元素并为其设置属性。 这是到目前为止我的代码

$('#myTable').append(
  $('<tr>').append(
    $('<td>').append(
      $('<input>', {type: 'text', id: 'id'}).append(
        $('<td>').append(
          $('<input>', {type: 'button', id: 'btnAdd', onclick: 'AddRow()',value: 'addrow'})
        )
      )
    )
  )
);

$（'#myTable'）。追加(
$（''）。追加(
$（''）。追加(
$（''，{type:'text'，id:'id'}）。追加(
$（''）。追加(
$（“”，{type:'button'，id:'btnAdd'，onclick:'AddRow（）'，value:'AddRow'}）
)
)
)
)
);

我知道这是错误的，所以我需要你的帮助来解决它

我想输出的是：

<tr>
  <td><input type="text" id="id"></td>
  <td><input type="button" id="btnAdd" onclick="AddRow()" value="addrow"></td>
</tr>

您只需编写

$('#myTable').append('<tr><td><input type="text" id="id"></td><td><input type="button" id="btnAdd" onclick="AddRow()" value="addrow"></td></tr>');

$（'#myTable'）。追加（''）；

您只需编写

$('#myTable').append('<tr><td><input type="text" id="id"></td><td><input type="button" id="btnAdd" onclick="AddRow()" value="addrow"></td></tr>');

$（'#myTable'）。追加（''）；

使用jQuery.attr函数设置元素的html属性：

编辑：还有一个逻辑错误

$('#myTable').append(
  $('<tr>').append(
    $('<td>').append(
      $('<input>' )
      .attr( {type: 'text', id: 'id'} )
    )
  )
  .append(
    $('<td>').append(
      $('<input>' )
      .attr( {type: 'button', id: 'btnAdd', onclick: 'AddRow()',value: 'addrow'} )
    )
  )
);

$（'#myTable'）。追加(
$（''）。追加(
$（''）。追加(
$('' )
.attr（{type:'text'，id:'id'}）
)
)
.附加(
$（''）。追加(
$('' )
.attr（{type:'button'，id:'btnAdd'，onclick:'AddRow（）'，value:'AddRow'}）
)
)
);

---

另请参见：

使用jQuery.attr函数设置元素的html属性：

编辑：还有一个逻辑错误

$('#myTable').append(
  $('<tr>').append(
    $('<td>').append(
      $('<input>' )
      .attr( {type: 'text', id: 'id'} )
    )
  )
  .append(
    $('<td>').append(
      $('<input>' )
      .attr( {type: 'button', id: 'btnAdd', onclick: 'AddRow()',value: 'addrow'} )
    )
  )
);

$（'#myTable'）。追加(
$（''）。追加(
$（''）。追加(
$('' )
.attr（{type:'text'，id:'id'}）
)
)
.附加(
$（''）。追加(
$('' )
.attr（{type:'button'，id:'btnAdd'，onclick:'AddRow（）'，value:'AddRow'}）
)
)
);

另请参见：

$（文档）.ready（函数（）{
var html_obj=''；
html_obj+=''；
html_obj+=''；
html_obj+=''；
$（'#myTable'）.append（html#u obj）；
});

如果您还有一个空表，您可以在（html#u obj）之后使用$（'#myTable tr:last'）。 这将给你一个完美的结构。希望这能起作用。

$（文档）。就绪（函数（）{ var html_obj=''； html_obj+=''； html_obj+=''； html_obj+=''； $（'#myTable'）.append（html#u obj）； }); 如果您还有一个空表，您可以在（html#u obj）之后使用$（'#myTable tr:last'）。

---

这将给你一个完美的结构。希望这能奏效。

input.append（td.append（input））

在逻辑上是错误的。还有，末日金字塔！为什么代码错误？不能将表单元格追加到输入元素，必须在第一个单元格之后追加第二个单元格。

input.append（td.append（input））

逻辑错误。还有，末日金字塔！为什么代码错误？您不能将表单元格附加到输入元素，您必须将第二个单元格附加到第一个oneInline click处理程序之后？Hmm@Jack看起来这就是最初要做的，为什么不呢。@KevinB如果OP知道什么是好的实践，他们不会在这里问问题：）理想情况下，如果你经常做这类事情，你应该查看模板库。内联单击处理程序？Hmm@Jack看起来这就是最初要做的，所以为什么不呢。@KevinB如果OP知道什么是好的实践，他们不会在这里问问题：）理想情况下，如果你经常做这类事情，你应该查看模板库。你可以使用

$（''，{type:'button'，value:'Send'）

s嵌套在

s中。如果将第二个表格单元格附加到第一个输入元素，则无效。您可以使用

$（“”，{type:“button”，value:“Send”}）

s嵌套在

s中。如果将第二个表格单元格附加到第一个输入元素，则无效