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">