jQuery outerHTML 기능 사용

기본적으로 jQuery의 html() 함수를 이용하면 선택한 태그 안의 (innerHTML) 내용을 반환한다.

선택한 태그 자체의 HTML를 얻으려면 IE에서는 outerHTML을 제공하지만 IE한정이라 다른 방법이 필요하고, jQuery를 통해 다음과 같이 구현해서 편리하게 사용할 수 있습니다.

$.fn.outerHTML = function () { return $(this).clone().wrapAll("<div />").parent().html(); } var outerHtmlContent = $("#someDiv").outerHTML();