从目录jquery加载多个图像

我想将多个图像从web文件夹加载到引导模式。我尝试替换图像src中的字符串，我成功了。问题是，我想使用相同的按钮根据图像文件夹加载不同的图像。这就是我所尝试的：

<div class="container">
<h3>Ex1</h3>

<button id="image1" type="button" class="btn btn-info btn-lg" data-
toggle="modal" data-target="#myModal">Open Modal</button>

<h3>Ex2</h3>

<button id="image2" type="button" class="btn btn-info btn-lg" data-
toggle="modal" data-target="#myModal">Open Modal</button>

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog" style="width:635px">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <img src="https://www.jssor.com/demos/img/gallery/980x380/001.jpg" alt="Mountain View" style="width:600px; height: auto">
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>
</div>
 <script>
  $(document).ready(function(){

var img = $(".modal-body img");
var imgSelected;




$("button").click(function(){
if($("button") === $("#image1")){
imgSelected = "002";
}
else{
imgSelected = "003";
}

    img = $(".modal-body img");

    img.attr("src", img.attr("src").replace("001", imgSelected));

});


});
</script>
</div>

例1
开放模态
例2
开放模态
&时代；
模态头
接近
$（文档）.ready（函数（）{
变量img=$（“.modal body img”）；
var imgSelected；
$（“按钮”）。单击（函数（）{
如果（$（“按钮”）==$（“#图像1”））{
imgSelected=“002”；
}
否则{
imgSelected=“003”；
}
img=$（“.modal body img”）；
img.attr（“src”，img.attr（“src”）。替换（“001”，imgSelected））；
});
});

---

这种方式仅显示imgSelected 003，而不是您可以使用的单击事件：

：调用show instance方法时，此事件立即激发。如果是由单击引起的，则单击的元素可用作事件的relatedTarget属性

为了更改图像源，您需要一个正则表达式模式，而不是像002或003这样的固定模式，因为下次打开模式时src值已更改

因此，我的建议是：

$（文档）.ready（函数（）{
$（'#myModal'）.on（'show.bs.modal'，函数（e）{
var imgSelected；
如果（e.relatedTarget.id==“image1”）{
imgSelected=“002”；
}否则{
imgSelected=“003”；
}
$（this.find（“.modal body img”）.attr（'src'，function（idx，attr）{
返回attr.replace（/（\/）\d+（\.jpg）$/，“$1”+imgSelected+“$2”）；
})
$（this.dataset.target）.modal（'show'）；
});
});

例1
开放模态
例2
开放模态
&时代；
模态头
接近
如果（this.id=='image1'）
@Musa现在只显示imgs002