(jquery) .clone().appendTo()

【问题标题】：(jquery) .clone().appendTo()(jquery) .clone().appendTo()
【发布时间】：2020-09-29 09:40:32
【问题描述】：

我正在尝试克隆图像，然后将副本附加到图像的底部，但它似乎不起作用。当我将它附加到"body" 时，它可以工作，但在错误的位置。

$(".clone").on("click", function() {
      captainPlanet.clone().appendTo("captainPlanet");
    });

【问题讨论】：

标签： jquery append clone

【解决方案1】：

假设captainPlanet 是您的图像，您不能附加到img 元素，因为它们不能有子元素。相反，您可以使用insertAfter 在原始图像之后插入克隆图像：

let captainPlanet = $('#captainPlanet');
$(".clone").on("click", function() {
  captainPlanet.clone().insertAfter(captainPlanet);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img id="captainPlanet" src="https://via.placeholder.com/150">
<button class="clone" type="button">Clone</button>

【讨论】：