我想将一个 DIV 元素移动到另一个 DIV 元素中。例如,我想移动这个(包括所有孩子):
<div id="source">
...
</div>
进入这个:
<div id="destination">
...
</div>
这样我就有了这个:
<div id="destination">
<div id="source">
...
</div>
</div>
您可能想使用appendTo函数(添加到元素的末尾):
$("#source").appendTo("#destination");
或者你可以使用prependTo函数(添加到元素的开头):
$("#source").prependTo("#destination");
Example:
$("#appendTo").click(function() {
$("#moveMeIntoMain").appendTo($("#main"));
});
$("#prependTo").click(function() {
$("#moveMeIntoMain").prependTo($("#main"));
});
#main {
border: 2px solid blue;
min-height: 100px;
}
.moveMeIntoMain {
border: 1px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">main</div>
<div id="moveMeIntoMain" class="moveMeIntoMain">move me to main</div>
<button id="appendTo">appendTo main</button>
<button id="prependTo">prependTo main</button>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)