jquery使用replaceWith替换元素,但是替换的位置不对应的问题

$("#itemList").replaceWith(htmlContent);

注:
$("#itemList")处应为tr元素,如果是span元素或者div元素,则造成替换后位置不对应的问题;
html如下:

<table width="98%" border="0" align="center" cellspacing="1" bgcolor="#BFC7CA" id="errorTab">
<thead id="detail" >
<tr>
<td align="center" width="10%" class="table_title">序号</td>
<td align="center" width="60%" class="table_title">内容</td>
<td align="center" width="20%" class="table_title">是否符合要求</td>
<td align="center" width="10%" class="table_title">附件</td>
</tr>
</thead>

<tr id="itemList"/>

<tr style="background:white;height:30px">
<td width="10%" align="center">
备注
</td>
<td colspan="3">
<input name="remark" id="remark" style="line-height:30px;height:30px;width:98%;border-top:0px;border-left:0px;border-right:0px;" value=""></input>
<script>
function remark() {
if(notEmptyStr(form.remark)){
$("#remark").val("form.remark");
}
}
</script>
</td>
</tr>
</table>

posted on 2018-08-13 16:59  小甜瓜安东泥  阅读(600)  评论(0编辑  收藏  举报