jquery로 여러 속성을 서로 바꿔주는 클리너 코드

Question

div 안에 이미지가 있습니다. 버튼을 클릭하여 소스를 변경하길 원합니다. 지금은 어느 잘 작동이 있습니다 : 나는 모든 단일 소스의 변화를 정의 할 필요가 없도록

var isSwapped = false 

$('.swapbutton').click(function swap(){ 
    if (isSwapped == false){ 
     $('.img1').attr('src','img11.png'); 
     $('.img2').attr('src','img22.png'); 
     etc.etc. 
     isSwapped = true 
    } 
    else{ 
     $('.img1').attr('src','img1.png'); 
     $('.img2').attr('src','img2.png'); 
     etc.etc. 
     isSwapped = false 
    } 
}); 

나는 많은 이미지가있을 때 사용하는 청소기/깔끔한 코드가 있나요?

Answer 1

가정하면 이미지의 형태 : html <img src="img1.png" data-alternate-src="img2.png" /> 당신은 사용할 수 있습니다

$('.swapButton').click(function swap(){ 
     $('img').each(function() { 
      var $this = $(this), 
        newSrc = $this.attr('data-alternate-src'); 

      $this.attr('data-alternate-src', $this.attr('src')); 
      $this.attr('src', newSrc); 
    }); 
}); 

Answer 2

당신은 다음과 같이 사용할 수 있습니다

$('img').each(function(i,v){ 
    $(this).attr('src','img'+i+i);//for second case just use 'img'+i; 
});