선택한 요소의 외부 HTML 가져 오기

 

질문 : 선택한 요소의 외부 HTML 가져 오기

---

jQuery를 사용하여 선택한 개체의 HTML을 가져 오려고합니다. .html() 함수를 알고 있습니다. 문제는 선택한 객체를 포함하는 HTML이 필요하다는 것입니다 (이 경우 .html() 은 행 내부의 셀만 반환하는 테이블 행).

나는 주변을 검색하고 객체를 복제하고 새로 만든 div 등에 추가하는 매우 '해킹'유형의 방법을 찾았지만 이것은 정말 더러워 보입니다. 더 좋은 방법이 있습니까, 아니면 새 버전의 jQuery (1.4.2)가 어떤 종류의 outerHtml 기능을 제공합니까?

답변

---

2014 편집 : 질문과이 답변은 2010 년의 것입니다. 당시에는 더 나은 해결책이 널리 사용되지 않았습니다. 이제 다른 많은 답변이 더 좋습니다. 예를 들어 Eric Hu 또는 Re Capcha입니다.

이 사이트는 당신을위한 해결책을 가지고있는 것 같습니다 : jQuery : outerHTML | Yelotofu

jQuery.fn.outerHTML = function(s) {
    return s
        ? this.before(s).remove()
        : jQuery("<p>").append(this.eq(0).clone()).html();
};

출처 : https://stackoverflow.com/questions/2419749/get-selected-elements-outer-html