[javascript] jQuery는 컨테이너 자체를 포함하여 컨테이너의 HTML을 얻습니다.

내부에있는 내용뿐만 아니라 ‘#container’를 포함하여 ‘#container’에서 HTML을 얻는 방법은 무엇입니까?

<div id="container">
 <div id="one">test 1 </div>
 <div id="two">test 2 </div>
 <div id="three">test 3 </div>
 <div id="four">test 4 </div>
</div>

#container 안에 html을 가져 오는 것이 있습니다. #container 요소 자체는 포함하지 않습니다. 그게 내가하고자하는 일이야

var x = $('#container').html();
$('#save').val(x);

http://jsfiddle.net/rzfPP/58/ 확인

답변

var x = $('#container').wrap('<p/>').parent().html();

$('#container').unwrap();

var x = $('#container').get(0).outerHTML;

$('#container').prop('outerHTML');

var x = $('#container')[0].outerHTML;

$('#container').clone().wrapAll("<div/>").parent().html();

var html = $('#container').clone();
console.log(html);

$.fn.outerHtml = function(){
    if (this.length) {
        var div = $('<div style="display:none"></div>');
        var clone =
        $(this[0].cloneNode(false)).html(this.html()).appendTo(div);
        var outer = div.html();
        div.remove();
        return outer;
    }
    else {
        return null;
    }
};