Jquery 通过单击其他图像缩放一个图像

我到现在为止都做了些什么

$(function() {

}))

但这里点击的图像正在被放大。我希望该图像被缩放的缩放图标被点击

$('img').on('click', function() {

 $('.zoomImageClass').attr('src', $(this).attr('src'));

 $('#zoomImageId').modal('show');
});

---

工作

我可能误解了你的问题-我将删除我的答案，因为答案是这样的，但在我看来，你把事情复杂化了。下面是一个使用jQuery的

同级

的示例

$（函数（）{
$（'div>img:last child'）。在（'click'，function（）上{
$（此）.兄弟姐妹（“img:第一个孩子”）.toggleClass（“缩放”）；
});
});
img{
宽度：300px；
高度：300px；
}
.zoom{
变换：尺度（2）；
}
我想缩放单击了缩放图标的图像。
=>缩放图标HTML在哪里？也请分享。（编辑您的问题并添加它）queryselectorall（'.img:n个孩子（1）'）。。。
$('img').on('click', function() {

 $('.zoomImageClass').attr('src', $(this).attr('src'));

 $('#zoomImageId').modal('show');
});

<div>
  <img class="sourceImageClass" src="http://via.placeholder.com/350x350">
  <img class="zoomImageClass" src="http://via.placeholder.com/5x5">
</div>

<div>
  <img class="sourceImageClass" src="http://via.placeholder.com/300x300">
  <img class="zoomImageClass" src="http://via.placeholder.com/5x5">
</div>

<img id="zoomImageId">

$(function() {
    $("div img.zoomImageClass").each(function(i,el){
        $(el).click(function(){
        console.log($(el).attr("src"));
      var imageURL=$(el).parent().find(".sourceImageClass").attr("src");
      $("#zoomImageId").attr("src", imageURL)
    });
  });
});