如何在jQuery中的特定ID之后追加 [英] How to append after a specific id in jquery
问题描述
伙计们,我有一张桌子,我想动态地在其中添加带有列的行,但不要在结尾处添加,我希望将其添加到特定行的ID之后.该怎么做?
Guys I have a table and I want to dynamically append a row with column inside it but not at the end, I want it to be appended after a specific id of a row. How to do that?
$('#add-another-file').live('click', function() {
$('#to-upload-table').append('<tr><td><input type="file" name="file-upload" id="file-upload" ></td></tr>');
});
这是我的代码,但是它将在最后一行之后追加新元素.
That is my code, but it will append the new element after the last row.
这是我要在其中添加新行的html:
Here's my html where i want the new row to be appended:
<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>
如您所见,表的最后一部分上有三个按钮,我希望将新行附加在这三个按钮之前.输入这些文件之后
As you can see, there are three buttons on the last part of the table, I want the new row to be appended just before those three buttons. After those file input types
推荐答案
使用 jQuery After :
$('targeted row to append after').after('<tr><td><input type="file" name="file-upload" id="file-upload" ></td></tr>');
您可以在此处查看DOM插入方法的列表: http://api.jquery.com/类别/操作/
You can check the list of DOM insertion methods here : http://api.jquery.com/category/manipulation/
这篇关于如何在jQuery中的特定ID之后追加的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!