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

​