Javascript onclick函数传递img src

我有3个图像，每个图像都有一个

onclick

和一个传递的参数。以下是HTML：

<div class="row">
  <div class="col-md-12 thumb">
    <div class="thumbnail" onclick="myfunction(1);">
      <img class="img-responsive" src="assets/placeholders/sliders/slider1.png" alt="" />
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12 thumb">
    <div class="thumbnail" onclick="myfunction(2);">
      <img class="img-responsive" src="assets/placeholders/sliders/slider2.png" alt="" />
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12 thumb">
    <div class="thumbnail" onclick="myfunction(3);">
      <img class="img-responsive" src="assets/placeholders/sliders/slider3.png" alt="" />
    </div>
  </div>
</div>

---

我如何才能做到这一点？

使用

var imgSrc=“assets/placeholders/sliders/slider”+id+“.png”可以获得相应divs图像src的onlick可根据需要使用

请检查工作代码段


函数myfunction（id）{
//点击相应的div获取图像src
var imgSrc=“资产/占位符/滑块/滑块”+id+“.png”；
控制台日志（imgSrc）；
//$（'body'）.html（此处传递参数的img src）；
}
您可以将
此
作为参数传递给函数，该函数将引用单击的
div
元素。然后可以获取子
img
并读取
src
属性

但是，更好的解决方案是在*

事件属性上使用不引人注目的事件处理程序，而不是过时的

。试试这个：


$（'.thumbnail'）。单击（函数（）{
var$thumb=$（这个）；
log（$thumb.data（'foo'））；
console.log（$thumb.find（'img'）.attr（'src'））；
});
为您的
img
标签添加一个id属性，并为它们提供您的id参数

<img id="1" ... />
<img id="2" ... />
<img id="3" ... />

但是，有多种方法可以实现这一点。
使用
onclick
属性，您可以在
myfunction
中传递
此
关键字，该关键字表示当前元素，然后查找
src
属性


函数myfunction（e）{
var src=$（e）.find（'img'）.attr（'src'）；
警报（src）；
}
是否要将img src作为正文背景传递？
<img id="1" ... />
<img id="2" ... />
<img id="3" ... />

myFunction(id) {

  var src = $('#' + id).attr('src');
  $('body').html(src);

}