Как преобразовать объект HTMLCollection в строку с XML?

Question

Каков наилучший способ получить полное представление String объекта HTMLCollection в javascript/jquery? Выходная строка должна иметь синтаксис XML.

Answer 1

Я предполагаю сначала клонировать узлы, прежде чем пытаться использовать трюк с дивами:

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

Без клонирования переназначение элементов коллекции вновь созданному div не удастся.

Answer 2

Учитывая jQuery .html () и .outerHTML () возвращает первый соответствующий элемент набора элементов, который вы можете использовать .outerHTML (функция (index, outerHTML)) из https://github.com/darlesson/jquery-outerhtml сделать что-то вроде:

Рассмотрим следующий HTML:

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

Рассмотрим этот вызов:

var allHTML = "";

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

переменная allHTML равна " Один Два Три ".

Answer 3

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