javascript - 如何处理: When image is clicked identical image generated using Javascript

Question

下面的代码用于制作所单击图像的一份副本。我需要下面的代码来处理多个图像。

例如，如果我单击屏幕上的 5 个图像，则页面底部应该生成相同的 5 个图像。用户应该能够从 10 张图像中选择 5 张。有什么想法吗？谢谢!

JS:

function changeImage() {
      var imgSrc = 'http://placehold.it/150';

      if (document.getElementById('myImage').src === imgSrc) {
        document.getElementById('new').src = imgSrc;
      }
    }

HTML

<a href="#" onClick="changeImage()">
  <img id="myImage" src="http://placehold.it/150"></a>
<img id="new" src="http://placehold.it/200">

Answer 1

您可以使用 JQuery clone() 函数

$('img').click(function() {
  $('body').append($(this).clone());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://placehold.it/50x50">
<img src="http://placehold.it/50x50/000000/ffffff">
<img src="http://placehold.it/50x50/1C90F3/ffffff">
<img src="http://placehold.it/50x50/F2BB7C/ffffff">