jQuery:外部html()

Question

可能重复:
获取所选元素的外部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周围添加另一个包装器,但这不是一个好主意.

Answer 1

只需使用标准DOM功能:

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

outerHTML得到很好的支持 - 在Mozilla或caniuse验证.

Answer 2

创建一个临时因素,然后clone()和append():

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

Answer 3

没有兄弟姐妹解决方案:

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

通用解决方案

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

在这里小提琴:http://jsfiddle.net/ezmilhouse/Mv76a/