Jquery获取div-->a-->img中img标记的src路径

Question

我做了一个画廊，包含一些不同的图像和点击他们打开模态，并显示图像的缩放。

我使用相同的方法与投资组合，但在这里我只有4项，所以我创建4种不同的模态，显示描述等...

现在有了图像，我想要一个单一的模式，改变图像显示与用户点击。

包含图像的div是这样结构的：

   <div class="col-sm-3 galleria-item">
        <a class="galleria-link" href="#galleriaModal" data-toggle="modal">
          <div class="caption">
            <div class="caption-content">
              <i class="fa fa-search-plus fa-3x"></i>
            </div>
          </div>
          <img class="img-fluid" id="1" data-toggle="modal" data-target="#galleriaModal" src="foto/portfolio/portfolio1.jpg" alt="">
        </a>
      </div>

这里是模态：

<div id="galleriaModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <img class="img-responsive" src="" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button>
                </div>
            </div>
        </div>
    </div>

这里是jQuery：

// Modal for gallery images
  $(function () {
        $('#galleriaModal').on('show.bs.modal', function (e) {
            var image = $(e.relatedTarget).attr('src');
            $(".img-responsive").attr("src", image);
        });
  });

以下链接

问题是，当我点击图片时，网站显示模式，但不显示里面的图片。。。使用inspect代码，我看到src=unknown。。。

我错在哪里？

编辑

我确信问题在于var image=$（e.relatedTarget）。attr（'src'） 不要使用用户单击的div的图像路径！如何在div中获取图像的src-




Answer 1

e.related目标是

    $('#galleriaModal').on('show.bs.modal', function (e) {
        var image = $(e.relatedTarget).find('img').attr('src');
        $(".img-responsive").attr("src", image);
    });