使用jQuery的克隆而不是replaceWith

Question

我使用以下代码将.div1替换为.div2。

$('.div1').replaceWith( $( '.div2' ) );

但是，我想创建.div2的副本，而不是将其从DOM中取出。所以我尝试克隆这样的元素，但没有任何克隆，现在两个div甚至没有被替换。代码有问题吗？

$('.div1').clone().replaceWith( $( '.div2' ) );

Answer 1

您需要克隆div2而不是div1

$('.div1').replaceWith($('.div2').clone());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="div1">div1</div>
<div class="div2">div2</div>

Answer 2

试试这段代码：

var div2 = $( '.div2' ).clone();//cloning
$('.div1').replaceWith( div2 );

或简单的一行：

$('.div1').replaceWith( $( '.div2' ).clone() );

Demo