如何在 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

在 ：

$('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

如果您

没有id，您可以将.eq()与.after()一起使用。

$('#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>');     
});