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>
不积跬步无以至千里,不积小流无以成江海