Question

所以，如果标题对你没有意义，我会在这里详细介绍。首先，我将向您展示我想要添加的文档。

<html>
 <body>
  <div style="text-align:center"><!-- This is where the image that will be clicked on will be placed.--> </div>
  <div style="text-align:center"><!-- This is where I want the new images to show up. --></div>
 </body>
</html>

我希望能让你对我想做的事情有一个基本的了解，但如果不是，我现在会进一步解释...... 所以每次＆＃39; image1＆＃39;点击它，在它下面放置一个新图像，这是同义词，并且将永远是＆＃39; image2＆＃39;。我怎么能成功呢？感谢。

Answer 1

为了帮助您入门：

当您在main内点击时，新图片会附加到new。

$('#main').click(function() {
  $('#new').append("<img src='http://placehold.it/140x100' />");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="text-align:center" id='main'>
  <img src='http://placehold.it/350x150' />
</div>
<div style="text-align:center" id='new'></div>

如何使用Javascript以便每次单击图像时，它会在单击的项目下方添加新图像？

1 个答案: