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

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-attribute 以将其传递给其他图像。

谢谢！

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);
   }
});