Intercambiar un atributo src con otro atributo src a través de jQuery - jquery, attributes, src

Tengo que imágenes y "me gustaría cambiar los atributos src de las imágenes, cuando se hace clic en uno:

Antes de:

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

Después de hacer clic en la imagen 1 o 2:

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

Puedo cambiar el src de la imagen en la que se ha hecho clic, pero parece que no puedo almacenar el atributo src original de ninguna manera para pasarlo a la otra imagen.

¡Gracias!

Respuestas

¡No lo creerás pero puedes almacenarlo en una tercera variable!

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

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

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

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

Puedes hacerlo de la siguiente manera:

$(".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);
}
});

Podrías hacer lo siguiente con jQuery. Encuentra más información aquí:

http://jquery.com

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

Espero que esto te ayude.