jquery outerHTML 구현하기

jquery를 이용해서 자기 자신을 포함한 HTML을 알아내기

 

<script type="text/javascript">

//=== outerHTML : jquery 용
$.fn.outerHTML = function()
{
    var th = $(this);
    if( !th[0] ) return "";
 
    if (th[0].outerHTML)
    {
        return th[0].outerHTML;
    }

    else
    {
        var content = th.wrap('<div>').parent().html();
        th.unwrap();
        return content;
    }
}

 

alert($('.okkks).outerHTML());

</script>

<div class="okkks">
 <div>okkks.tistory.com</div>
 <div>okkks.tistory.com</div>
 <div>okkks.tistory.com</div>
</div>

 

더보기>

- jquery 자신을 포함한 html값 알아내기 - innerHTML, outerHTML