需要将一个没有任何唯一标识符的div移到另一个没有任何唯一标识符的div前面。但是,子div有唯一标识符。
开始日期:
<div class="container1">
<div class="generic">
<div id="child1"></div>
</div>
<div class="generic">
<div id="child2"></div>
</div>
<div class="generic">
<div id="child4"></div>
</div>
</div>
<div class="container2">
<div class="generic">
<div id="child3"></div>
</div>
</div>
我想将child3 div的父项移到child2 div的父项之后,结果应该如下所示:
<div class="container1">
<div class="generic">
<div id="child1"></div>
</div>
<div class="generic">
<div id="child2"></div>
</div>
<div class="generic">
<div id="child3"></div>
</div>
<div class="generic">
<div id="child4"></div>
</div>
</div>
<div class="container2">
</div>
有什么想法吗?
我已经研究了jQuery prependTo()和appendTo()以及parent(),但似乎无法让它们正常工作。
在我最初的帖子中,swap是可以工作的,但是div在不同的容器中,我想移动child3的父div而不与另一个div交换。
2条答案
按热度按时间svmlkihl1#
从你的孩子,你得到parentnode,然后交换节点。
gfttwv5a2#
关于您在示例中所做更改的新代码段。
这就是你在范例中给出的结构:在(1级)div父节点内移动节点。
它使用的是insertAdjacentElement,您可以在这里检查:https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentElement