jQuery 의 outerHTML() 플러그인

728x90

outerHTML 에 대한 함수 지원을 몇군데 브라우저에서 지원하지 않아 아래 처럼 플러그인을 사용하면 가져올 수 있다.

출처 : http://boedesign.com/blog/2011/03/31/outerhtml-plugin-for-jquery/

/* 
 * Full example here: http://jsfiddle.net/jboesch26/3SKsL/1/
 */

$.fn.outerHTML = function(){
    
    // IE, Chrome & Safari will comply with the non-standard outerHTML, all others (FF) will have a fall-back for cloning
    return (!this.length) ? this : (this[0].outerHTML || (
      function(el){
          var div = document.createElement('div');
          div.appendChild(el.cloneNode(true));
          var contents = div.innerHTML;
          div = null;
          return contents;
    })(this[0]));

}

console.log('native outerHTML: ' + $('#colors')[0].outerHTML);
console.log('jQuery cross-browser outerHTML: '+ $('#colors').outerHTML());

728x90

저작자표시비영리동일조건

'프로그래밍 > jQuery' 카테고리의 다른 글

Ajax 요청 후, 다른 페이지 이동 후 뒤로가기 처리하기 (0)	2013.04.04
꺾은선 그래프 무료 (0)	2012.10.29
jQuery 의 outerHTML() 플러그인 (0)	2012.07.25
jQuery Twitter Search Plugin (0)	2012.07.04
트윗글 스크롤 내리면 다음 글 보여주는 방법 (0)	2012.07.03
RC4 Symmetric Encryption/Decryption (0)	2012.06.28