Question

我需要图像，我想在点击一个图像时切换图像的src属性：

在：

<img src="1.jpg" class="image1" />
<img src="2.jpg" class="image2" />

点击图片1或2后：

<img src="2.jpg" class="image1" />
<img src="1.jpg" class="image2" />

我可以更改单击图像的src，但我似乎无法以任何方式存储原始src属性以将其传递给其他图像。

谢谢！

Answer 1

你不会相信，但你可以将它存储在第三个变量!!

var img1 = $('.image1'),
    img2 = $('.image2');

var originalSrc = img1.attr('src');

img1.attr('src', img2.attr('src'));
img2.attr('src', originalSrc);

Answer 2

$('#Id').click(function(){
$('.image1').attr('src','2.jpg');
$('.image2').attr('src','1.jpg');
});

Answer 3

您可以使用jQuery执行以下操作。更多信息可以在这里找到：

http://jquery.com

<script type="text/javascript" src="jquery-1.8.0">
$(function(){
  $("img").click(function(){
   $(this).closest("img").attr("src",$(this).attr("src"));
  });
});
</script>

希望这可以帮助你。

Answer 4

您可以通过以下方式执行此操作：

$('.image1 , .image2').click(function() {
   if ($(this).prev().length) {
      temp = $(this).attr('src');
      $(this).attr('src', $(this).prev().attr('src') );
      $(this).prev().attr('src',temp);
   } else {
      temp = $(this).attr('src');
      $(this).attr('src', $(this).next().attr('src') );
      $(this).next().attr('src',temp);
   }
});

通过jQuery将一个src属性与另一个src属性交换

4 个答案: