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();

有关详细信息,请参阅此页面.

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

Answer 2

你可以试试这个:

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