替代replaceWith（）jquery而不会丢失第二个元素

Question

示例

<script type="text/javascript">
$(document).ready(function () {
    $("#exp1").replaceWith($("#exp2"));
});
</script>


<div class="exp1">example 1</div>
<div class="exp2">example 2</div>

当我使用该代码时，我丢失了exp2（意思是示例2没有显示），只显示示例1，它已被示例2替换。 我怎么不输，只用exp2替换exp1，并显示如下结果

<div class="exp2">example 2</div>
<div class="exp2">example 2</div>

请帮帮我..谢谢

Answer 1

您应该clone()元素然后使用replaceWith方法。您还需要使用class selector

使用

$(document).ready(function () {
    $(".exp1").replaceWith($(".exp2").clone());
});

Demo on JsFiddle