jQuery：获取包含select器的HTML？

说我有这个HTML：

<ul> <li id="example"><strong>Awesome</strong> example text</li> </ul> 

我希望能够像$('#example').html()那样做，但是现在这样做显然只能得到<strong>Awesome</strong> example text 。

那么如何获得包含所选元素的HTML呢？

即。 <li id="example"><strong>Awesome</strong> example text</li>

我正在使用jQuery 1.4.4。

Answer 1

在这个特定的情况下：

 var outerHTML = $("<div />").append($('#example').clone()).html(); 

看到这个页面的更多细节。

和这里的讨论： http : //api.jquery.com/html/ （这解释了这不是在jQuery核心，为什么一些逻辑解决scheme将无法正常工作）

Answer 2

你可以试试这个：

 var html = $('<div>').append($('#example').clone()).html(); 

Answer 3

对于支持它的浏览器，outerHTML可以做到这一点。 有这样的jQuery插件， 这使得通过一些聪明的jQuery支持。

Answer 4

 var outerHtml = $('#example').detach(); 

Answer 5

任何错误简单地使用$（'＃example'）？ 这抓住了整个事情！