[javascript/jquery] jquery object to html example

[javascript/jquery] jquery object to html example

 

 

jquery 나 javascript 로 

 

특정 엘리먼트를 가져오면

 

object 형태로 가져오게 됩니다.

 

그걸 다시 html 형태로 특정영역에 append 와 같이

 

밀어넣고 싶을때는

 

outerHTML 을 이용하시면 됩니다.

 

 

예를들어

 

아래와 같이 aaa 라는 아이디를 가지는 div 태그가 있다고 가정하고,

<div id="aaa">test</div>

 

위 엘리먼트를 아래와 같이

 

ele 라는 변수에 담고

var ele = $('#aaa');

 

이것을 다시 html 형태로 값을 확인하고 싶으면

 

아래와 같이 outerHTML의 값을 출력하시면 됩니다.

 

console.log(ele.get(0).outerHTML);

 

참고들 하세요!