如何使用XML将HTMLCollection对象转换为String？

Question

在javascript/jquery?中获取HTMLCollection对象的完整String表示形式的最佳方法是什么？输出String应该具有XML语法。

Answer 1

$('<div/>').append(HTMLCollection).html(); // Retrieves the `outerHTML`

Answer 2

我的猜测是在尝试div技巧之前首先克隆节点：

$('<div/>').append($(HTMLCollection).clone()).html();

如果没有克隆，将集合元素重新分配给新创建的div将会失败。

Answer 3

考虑jQuery .html()和.outerHTML（）返回一组元素的第一个匹配元素，你可以使用。https://github.com/darlesson/jquery-outerhtml中的.outerHTML（function（index，outerHTML））做类似的事情： / p>

考虑以下HTML：

<span>One</span>
<span>Two</span>
<span>Three</span>

考虑这个电话：

var allHTML = "";

$("span").outerHTML(function(index, outerHTML){
    allHTML = allHTML + outerHTML;
});

allHTML变量相等“＆lt; span＆gt;一个＆lt; / span＆gt;＆lt; span＆gt;二＆lt; / span＆gt;＆lt; span＆gt;三＆lt; / span＆gt;”。