jquery - 点击其他图片后如何获取图片src

Question

如何在点击其他图片后获取图片src？

$(document).ready(function() {
  $('img.getimage').click(function() {
    alert($(this).attr('src'));
  });
});

.sinistra {
  width: 150px;
}

.getimage {
  width: 50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="content">
  <div id="mywrap">
    <img class="getimage" src="http://icons.iconarchive.com/icons/umut-pulat/tulliana-2/128/k-get-icon.png" /><br />

    <img class="sinistra" src="http://www.bicielettriche.bikeitalia.it/wp-content/uploads/2014/11/bici-elettrica-piaggio.png" />
  </div>

  <br /><br /><br />

  <div id="mywrap">
    <img class="getimage" src="http://icons.iconarchive.com/icons/umut-pulat/tulliana-2/128/k-get-icon.png" /><br />

    <img class="sinistra" src="https://eradellabicicletta.files.wordpress.com/2013/01/bici-da-corsa-rb1000-team-edition.jpg" /><br />
  </div>
</div>

如果点击 img.getimage 需要获取与 ID mywrap 包含在同一个 div 中的图像的 src。 我无法添加任何其他类或 div。

在这里fiddle

Answer 1

检查这个FIDDLE , 我用 fiddle 在点击 getimage 时搜索 img.sinistra sibling

$(document).ready(function () {
        $('img.getimage').click(function () {
            alert($(this).siblings('img.sinistra').attr('src'));
        });
}); 

.sinistra {
  width: 150px;
}
.getimage {
  width: 50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content">
<div id="mywrap">
<img class="getimage" src="http://icons.iconarchive.com/icons/umut-pulat/tulliana-2/128/k-get-icon.png"/><br />

<img class="sinistra" src="http://www.bicielettriche.bikeitalia.it/wp-content/uploads/2014/11/bici-elettrica-piaggio.png"/>
</div>

<br /><br /><br />

<div id="mywrap">
<img class="getimage" src="http://icons.iconarchive.com/icons/umut-pulat/tulliana-2/128/k-get-icon.png"/><br />

<img class="sinistra" src="https://eradellabicicletta.files.wordpress.com/2013/01/bici-da-corsa-rb1000-team-edition.jpg"/><br />
</div>
</div>