获取 jQuery 和/或 DOM 对象的 HTML 字符串答案

【问题标题】：Get HTML String for jQuery and/or DOM object获取 jQuery 和/或 DOM 对象的 HTML 字符串
【发布时间】：2013-05-09 16:40:19
【问题描述】：

我想我已经通读了完整的jQuery API documentation 并在调试器中查看了 jQuery 对象和简单的 DOM 元素，以检查它们在运行时实际具有哪些方法，但是对于我的一生，我找不到获取表示 jQuery 对象或 DOM 节点内容的 html 字符串的方法。我错过了什么吗？

jQuery 对象有html() 方法，DOM 元素有innerHTML 属性，但两者都只给出对象的内部html。所以如果我有这样的 HTML：

<body>
    <div>
        <p>Hello World!</p>
    </div>
</body>

我使用 jQuery 执行类似 var $div = $body.find("div") 的操作，然后调用 $div.html() 返回的字符串为 "<p>Hello World!</p>"。但我正在寻找一种让它返回 "<div><p>Hello World!</p></div>" 的方法（我不关心空格）。

我做错了什么？获取这些对象的 html 表示不会那么难吧？

【问题讨论】：

How to get the innerHtml, including the tag, using jQuery?的可能重复
复制：stackoverflow.com/questions/2419749/…

标签： javascript jquery dom

【解决方案1】：

试试 dom 属性.outerHTML

【讨论】：

我记得这是一个非标准的 IE 特定的东西，但现在似乎是 widely adopted。

【解决方案2】：

您可以使用“.outerHTML”属性。这是使用 jquery 的样子：http://jsfiddle.net/MHvmm/

$('div')[0].outerHTML

【讨论】：

【解决方案3】：

这可以通过将您想要的对象包含在另一个对象中并获取 innerHTML 来实现。这里有更详细的解释： How do you convert a jQuery object into a string?

【讨论】：