javascript - jQuery 如何更改 img src 路径 onclick？

Question

所以基本上我想做的是，每次您单击 div“img-container”之外的图像时，它都会更改“img-container”div 中的 src 路径。走到这一步，现在我不知道如何完成这段代码。

提前致谢

<div class="img-container">
  <img id="changeMe" src="">
</div>

<img src="images/preview-1.jpg">
<img src="images/preview-2.jpg">
<img src="images/preview-2.jpg">

$('img').click(function(event) {
   alert($(this).attr('src'));
});

Answer 1

给他们上课

<div class="img-container">
  <img id="changeMe" src="">
</div>

<img class="preview" src="images/preview-1.jpg">
<img class="preview" src="images/preview-2.jpg">
<img class="preview" src="images/preview-2.jpg">

然后做

$('.preview').on('click',  function() {
    $('#changeMe').prop('src', this.src);
});