javascript - 在 JQuery 表中插入一行

Question

有什么方法可以在表中的特定位置插入一行。用户将在他/她想要插入行的位置输入一个数字。

假设用户希望将该行插入到表正文的第二行。

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

我的 table

<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>

Answer 1

您可以使用方法after插入 html， 要插入到正确的位置，您可以使用 CSS 伪类 :nth-child

$("table > tbody > tr:nth-child(2)").after('<tr><td>Example</td></tr>');

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