jQuery 본문의 모든 이미지 사이즈 조절. 배열과 관련하여 프로그램의 foreach 구문과 비슷한 기능

jQuery(function($){
 
 // Contents - 다음 에디터에서 작성된 이미지는 txc-image 라는 클래스 이름을 가지는데

//  이미지 사이즈가 본문 크기를 넘으면 스크립트로 줄이도록 함

 var Contents = $('div.tx-content-container');

 var imgs = Contents.find('img');

    imgs.each(function (i) {
  var width = $(this).attr('width');
  if(width > 650)
   width=650;
  $(this).attr('width', width);

 });

 

 

});

 

 

위의 내용과 같이 imgs 라는 변수에는 본문에 있는 모든 이미지들을 배열로 가지고 있습니다. 그리고 그것을 .each 함수를 통해서 하나씩 각 이미지들에 대해서 처리를 하게 됩니다. 이것은 프로그램 명령어 중에 foreach 함수와 비슷한 기능이라는 생각이 들었습니다.

 

.each 는 jQuery 를 하다보면 정말 유용한 기능이라는 것을 잘 아시게 될것입니다.

가끔씩 잊어먹어서 여기에 적어봅니다.

 

참고로 소스코드를 적은 파일을 첨부합니다. 그리고 위 소스코드가 실행이 되려면 jQuery 기본 라이브러리 스크립트를 불러와야 되겠죠? 자세한 내용은 http://jquery.com/ 사이트를 방문하세요.

 

 

jQuery each함수.txt