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

Question

假设我有这个 HTML：

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

我希望能够执行类似 $('#example').html() 的操作，但现在这样做显然只能得到 AwesomeAwesomeAwesomeAwesome< /强>示例文本。

那么如何获取 HTML 包括所选元素呢？

IE。

太棒了示例文本

我正在使用 jQuery 1.4.4。

Answer 1

在这种特定情况下：

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

请参阅此页面了解更多详情。

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

Answer 2

你可以试试这个：

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

Answer 3

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

Answer 4

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

Answer 5

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