如何使用jquery在带有id的tr之后将html附加到表？

Question

我有一个几行中的html表。现在我想添加一个新行，即tr。我正在为此生成一个HTML。

html = "<tr><td>some html</td></tr>";

然后我使用以下代码将此html追加到表中。

jQuery("#matchTable > tbody:last").append(html);

这是在最后一个tr之后附加到表中。我想在具有给定id的特定tr之后追加，即在行之间。

请帮助!!!!

Answer 1

您需要使用.after()

jQuery("#matchTable > tbody:last").after(html);

演示：Fiddle

更新

<table id="matchTable">
    <tbody>
        <tr id="i1">
            <td>1</td>
        </tr>
        <tr id="i2">
            <td>2</td>
        </tr>
        <tr id="i3">
            <td>3</td>
        </tr>
    </tbody>
</table>

然后

var html = "<tr><td>some html</td></tr>";
jQuery("#i2").after(html);

演示：Fiddle