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

信じられないかもしれませんが、3番目の変数に格納できます!!

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