Question

基本上我想要做的就是每次点击div之外的图像＆＃34; img-container＆＃34;它改变了＆＃34; img-container＆＃34;中的src路径。 DIV。到目前为止，现在我不知道如何完成此代码。

提前致谢

<div class="img-container">
  <img id="changeMe" src="">
</div>

<img src="images/preview-1.jpg">
<img src="images/preview-2.jpg">
<img src="images/preview-2.jpg">

$('img').click(function(event) {
   alert($(this).attr('src'));
});

Answer 1

给他们一个班级

<div class="img-container">
  <img id="changeMe" src="">
</div>

<img class="preview" src="images/preview-1.jpg">
<img class="preview" src="images/preview-2.jpg">
<img class="preview" src="images/preview-2.jpg">

然后做

$('.preview').on('click',  function() {
    $('#changeMe').prop('src', this.src);
});

Answer 2

无需更改标记只需更改脚本如下

$('img:not(div img)').click(function(event) {
  $(".img-container img").attr('src',$(this).attr('src'));
});

Answer 3

Adneneos＆＃39;答案是最有效的。

但是，如果出于某种原因，您无法在图像中添加类，则此方法会很好。这使用.each() method ...

$(document).ready(function() {
 $("img[id!='changeMe']").each(function() {
  $(this).click(function() {
   $("#changeMe").attr('src', this.src);
  });
 });
});

Fiddle here

编辑：您需要定义更具体的排序，因为此方法会检查页面上的每个图像。这个答案基于提供的代码。但是，adeneos答案可能更容易。

jQuery如何更改img src路径onclick？

3 个答案: