[jQuery] jQuery에서 outerHTML 가져오기

참고: http://jquery-howto.blogspot.com/2009/02/how-to-get-full-html-string-including.html

1. 컨테이너 div를 만든다. $('<div>')
2. outerHTML을 가져오고자 하는 엘리먼트를 복사하여 컨테이너 div에 append .append(target.clone())
3. 컨테이너 div의 innerHTML을 가져온다 .html()
4. 컨테이너 div 통째로 삭제 .remove()



id가 content 인 엘리먼트의 outerHTML 가져오기

// 인라인으로 바로 가져오기
var outerHTML = $('<div>').append($('#content').clone()).remove.html();

// 함수로...-_-
// obj는 반드시 jQuery 객체
function getOuterHTML(obj)
{
    return $('<div>').append(obj.clone()).remove.html();
}