Javascript 在JQuery表中插入一行

是否有办法在表中的特定位置插入行。用户将在他/她希望插入行的位置输入一个数字

假设用户希望将该行插入表的tbody的第二行

<tr>
    <td>00001</td>
    <td>John</td>
</tr>

00001
约翰

我的桌子

<tr>
    <td>00002</td>
    <td>David</td>
</tr>
        <!-- Here is where I want it to be insterted -->
<tr>
    <td>00004</td>
    <td>Frank</td>
</tr>
<tr>
    <td>00005</td>
    <td>Jane</td>
</tr>

00002
大卫
00004
直率的
00005
简

您可以使用该方法插入html， 要在正确的位置插入，可以使用CSS伪类

$（“table>tbody>tr:nth child（2）”）。在（'Example'）之后；

---

在我的示例中，在第二个tr标记后插入。

您可以选择

tr:first

元素，然后添加新元素：

$（'table tr:first'）。在（'00001John'）之后

00002
大卫
00004
直率的
00005
简
一种方法可以是在jquery原型对象中添加一个方法，例如：


//在特定行之后添加行的方法
$.prototype.addTableRowAfter=函数（行，元素）{
//在这里，您可以将其修改为更通用的方法
this.find（'tr:eq（'+row+'））。在（元素）之后；
归还这个；
};
//叫它
$（'table'）.addTableRowAfter（0，'00001John'）；
$（'table'）.addTableRowAfter（2，'00003Jim'）

00002
大卫
00004
直率的
00005
简
是。YOU可以在jquery的帮助下使用。请提供您的代码。到目前为止你尝试了什么？可能重复的是错误的。代码将html插入目标
tr
。您应该使用
.after（）
而不是
.append（）
如果我想将该行作为表的第一行插入，该怎么办？@AyakoS执行此操作：
$（“#表”）.prepend（'00001John'）
$("table > tbody > tr:nth-child(2)").after('<tr><td>Example</td></tr>');