jQuery：获取包含选择器的HTML？

Question

说我有这个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();

有关详细信息，请参阅this page。

这里的讨论：http://api.jquery.com/html/（这解释了这不是jQuery核心以及为什么某些逻辑解决方案不起作用）

Answer 2

你可以试试这个：

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

Answer 3

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

Answer 4

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

Answer 5

简单地使用$（'＃example'）有什么问题吗？这抓住了整个事情！