jQuery : 외부 HTML ()

jQuery : 외부 HTML () [중복]

---

가능한 중복 :
선택한 요소의 외부 HTML 가져 오기

우리가 이와 같은 것을 상상해보십시오.

<div id="xxx"><p>Hello World</p></div>

이런 식으로 .html 함수를 호출하면

$("#xxx").html();

우리는 얻을 것이다:

<p>Hello World</p>

그러나 나는 얻을 필요가있다 :

<div id="xxx"><p>Hello World</p></div>

그래서 내가해야 할 일은 무엇입니까? #xxx 주위에 다른 래퍼를 추가한다고 생각하지만 이것은 좋은 생각이 아닙니다.

---

다음, 임시 요소를 생성 clone()하고 append():

$('<div>').append($('#xxx').clone()).html();

---

표준 DOM 기능 만 사용하십시오.

$('#xxx')[0].outerHTML

outerHTMLMozilla 또는 caniuse 에서 잘 지원됩니다 .

---

형제 솔루션 없음 :

var x = $('#xxx').parent().html();
alert(x);

범용 솔루션 :

// no cloning necessary    
var x = $('#xxx').wrapAll('<div>').parent().html(); 
alert(x);

여기에 바이올린 : http://jsfiddle.net/ezmilhouse/Mv76a/

---

래퍼를 추가하지 않으려는 경우 대상 ID를 알고 있으므로 코드를 수동으로 추가하면됩니다.

var myID = "xxx";

var newCode = "<div id='"+myID+"'>"+$("#"+myID).html()+"</div>";

참고 URL : https://stackoverflow.com/questions/5744207/jquery-outer-html