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>

转载于:https://www.cnblogs.com/YuyuanNo1/p/9469370.html

jquery使用replaceWith替换元素，但是替换的位置不对应的问题相关推荐

非替换元素和替换元素
什么是替换元素与非替换元素替换元素: 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容. 例如:<input /> 属性 type = "text",则显示 ...
替换元素和非替换元素的学习
替换元素和非替换元素的学习 @(元素)[妙瞳] 引言元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也翻译为"盒子").但是不同的元素显示的方式会 ...
CSS知识点——可替换元素vs不可替换元素
替换元素: 其中有类特殊的元素:如img,input,select,textarea,button,label等,他们被称为可替换元素(Replaced element).他们区别一般inline元素 ...
可替换元素和非替换元素
可替换元素和非替换元素可替换元素replaced element也称作可置换元素,其展现效果不是由CSS来控制的,这些元素是一种外部对象,它们外观的渲染,是独立于CSS的.非置换元素non-repl ...
【CSS3】object-fit与object-position及替换元素
object-fit.object-position CSS3中的两个属性:object-fit和object-position,这两个属性主要是为了处理可替换元素(replaced elements ...
替换元素与非替换元素
最近看了一道面试题,问替换元素和非替换元素的差异是什么,当我看到题目的时候就感觉自己还是差的太远了,甚至都没听说过这个名词,接下来我就记录一下个人浅显理解的关于替换元素(replaced elemen ...
linux sed 选取,linux sed 替换（整行替换，部分替换）、删除delete、新增add、选取...
sed命令行格式为: sed [-nefri] 'command' 输入文本常用选项: -n∶使用安静(silent)模式.在一般 sed 的用法中,所有来自 STDIN的资料一般都会被列出到萤幕上 ...
jquery删除替换元素remove、detach、empty、replaceWith、replaceAll
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery删除替换元素 jquery中进行删除替换元素的函数包括remove.detach.empty.replaceWi ...
jquery的DOM节点操作(替换元素节点)
1.替换元素节点在jquery中,如果要替换元素中的节点,可以使用replaceWith()和replaceAll()这两种方法.这里我们推荐使用replaceWith()方法,其语法格式分别如下: ...
JQuery替换元素
replaceAll:替换目标元素集中的所有元素,目标元素集可以是选择器.JQuery对象.DOM元素.数组或选择器接受的表达式.如果定义调用replaceAll的源元素是通过普通的html字符串定义 ...

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

jquery使用replaceWith替换元素，但是替换的位置不对应的问题相关推荐

最新文章

热门文章