Javascript 如何使用jQuery添加新元素

我想用带有DOM操作的jQuery添加一个新元素，但我对所有函数（如eq、nth等）有点困惑

以下是我的基本结构：

<table class="tableInput">
  <tr>
    <td></td>
  </tr>
</table>
<table class="tableInput">
  <tr>
    <td></td>
  </tr>
</table>
<table class="tableInput">
  <tr>
    <td></td>
  </tr>
</table>
<table class="tableInput">
  <tr>
    <td></td>
  </tr>
  Here should be the DOM-Manipulation
</table>
<table class="tableInput">
  <tr>
    <td></td>
  </tr>
</table>

这里应该是DOM操作

---

在“这里应该是DOM操作”的地方，我想插入一个新的tablerow。

只需在最后一个

元素中添加一个新的tablerow，如下所示

$（'table:last'）.prev（）
表格{
边框：1px实心；
}

A.
B
C
D
E
您需要使用


$（文档）.ready（函数（）{
$tr='Hello'；
$（#myTable tr:first'）。在（$tr）之后；
});

使用以下方法：


$（“.tableInput”）.eq（3）.find（'tr'）.append（'Hello World..）
.tableInput{border:1px solid；}
您可以通过以下方式添加表行：
1.通过附加：
A.不在之前声明元素：

$("#tableInput").last().append('<tr><td></td></tr>');

$（“#tableInput”）.last（）.append（“”）；

b。使用声明元素：

var tableRow = $('<tr><td></td></tr>');
$("#tableInput").last().append(tableRow);

var tableRow=$（''）；
$（“#tableInput”）.last（）.append（tableRow）；

之后通过：

var tableRow = $('<tr><td></td></tr>');$("#tableInput").last().children().after(tableRow);

var tableRow=$（''）$（#tableInput”）.last（）.children（）.after（tableRow）；

表：last不起作用，因为它是文档中倒数第二个表。可以用第n或第n种类型的数数吗？你是什么意思？我已经更正了我的代码片段，因为我忘记了最后一个表元素。我已经更改了答案。看一看。它完全符合您的要求。我已根据您编辑的问题更改了答案。