Question

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

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

此处fiddle

Answer 1

使用jQuery有多种方法可以做到这一点，但一种方法是选择该图标的父级，然后选择sinistra类的子图像。

<强>的jQuery

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

<强> JSFiddle

或

您只需选择sinistra兄弟
即可
<强>的jQuery

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

<强> JSFiddle

Answer 2

你可以像使用find（）那样使用nearest（），id也应该是唯一的，不要用mywrap的相同id命名所有容器div，如果你真的需要它们给它们一个共享类，但是当前都没有是必要的：

$('img.getimage').click(function () {
            //Get the parent div of the link clicked
            let containerDiv = $(this).closest('div');
            let srcVal = $(containerDiv).find('.sinistra').attr('src'));
        });

Answer 3

结帐FIDDLE，点击getimage时，我用小提琴搜索val1兄弟

img.sinistra

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

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

单击其他图像后如何获取图像src

3 个答案: