[jQuery] 특정 소스의 값 뽑아오기 (주소, 경로, 데이터 등등)

jQuery의 attr() 속성을 사용하면, 특정 소스가 가진 값을 뽑아올 수 있다.
아래 예제를 참고해보자.

<img src="http://abc.com/original.png" alt="original image" id="original-image">
<img src="http://abc.com/replace.png" alt="replace image" id="replace-image">
jQuery(document).ready(function() {
var a = jQuery('#original-image').attr("src");
jQuery("#replace-image").attr("src", a);
});

original 이라는 이미지와 replace 라는 이미지가 있다.
변수 a 에 attr() 속성을 사용해 original 이미지의 경로(src) 를 담고,
다시 한번 attr() 속성을 사용해 replace-image 의 이미지 경로를 original-image 의 이미지 경로로 바꿔준다.

위 스크립트를 사용하면 마크업 상에선 다음과 같이 출력된다.

<img src="http://abc.com/original.png" alt="original image" id="original-image">
<img src="http://abc.com/original.png" alt="replace image" id="replace-image">
본문에 대해 문의가 있으신 분은 post@wallel.com로 이메일 보내주세요.
본문 외에 추가 문의 사항은 문의하기를 통해주시기 바랍니다.