如何在jquery中的特定id之后追加

Question

伙计们，我有一个表，我想动态地添加一个列在其中的行，而不是在它的末尾，我希望它被追加到一个特定的行id之后。怎么做？

$('#add-another-file').live('click', function() {
   $('#to-upload-table').append('<tr><td><input type="file" name="file-upload" id="file-upload" ></td></tr>');     
});

这是我的代码，但它将在最后一行之后追加新元素。

下面是我的html，我希望在这里追加新行：

<table width="100%" style="border-collapse: separate;" id="to-upload-table">

        <tr>
            <td>
                <input type="file" id="file_upload" name="file_upload">
            </td>
        </tr>

        <tr>
            <td>
                <input type="file" id="file_upload" name="file_upload">
            </td>
        </tr>
        <tr>
            <td>
                <input type="file" id="file_upload" name="file_upload">
            </td>
        </tr>
        <tr>
            <td>
                <input type="file" id="file_upload" name="file_upload">
            </td>
        </tr>

        <tr align="right">
            <td>
                <input type="button" id="add-another-file" name="add-another-file" value="Add another file" >
            </td>
        </tr>
        <tr align="right">
            <td>
                <a href="#" id="single-file">Single-file </a>
            </td>
        </tr>
        <tr>
            <td align="right">
                <input type="button" id="upload_file" value="Upload">
            </td>
        </tr>
    </table>

如您所见，表的最后部分有三个按钮，我希望在这三个按钮之前追加新行。在这些文件输入类型之后

Answer 1

使用jQuery后：

$('targeted row to append after').after('<tr><td><input type="file" name="file-upload" id="file-upload" ></td></tr>');

您可以在这里检查DOM插入方法的列表：http://api.jquery.com/category/manipulation/

Answer 2

如果没有.eq()和.after()，您可以使用id。

$('#add-another-file').live('click', function() {
  $('#to-upload-table tr').eq(Number Here).after('<tr><td><input type="file" name="file-upload" id="file-upload" ></td></tr>');     
});