(jquery).clone().appendTo()

Question

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

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

Answer 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>

(jquery).clone().appendTo()

(jquery) .clone().appendTo()

jquery

clone

append