0

伙计们，我有一张表，我想动态地追加一行，里面有列，但不是在最后，我希望它被追加到行的特定 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>

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

4

2 回答 2

2

使用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/

于 2013-09-27T01:31:20.840 回答
1

如果没有，可以使用.eq()with 。.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>');     
});
于 2013-09-27T01:33:09.507 回答