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

JavaScript

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">
attrJQuery값 뽑아오기데이터 뽑아오기이미지 주소 변경
블로그
프로젝트
스터디