Как скопировать весь элемент html?

Question

Скажем, у меня есть некоторые элементы, такие как:

<div id="some-id" class="some-class"> 
    <h1>Something here</h1> 
</div> 

И я хотел бы, чтобы скопировать весь некоторый идентификатор элемент вместе со всеми его детьми, отправить его в базу данных, а затем, после перезагрузки страницы, добавьте их к телу.

Я пробовал:

• клона(), и я получил: «prevObject: jQuery.fn.jQuery.init [0], контекст: неопределенный, конструктор: функции, INIT: функция, селектор: "" ...»
• клонирование и JSON.stringify(), и я получил одно предупреждение и одна ошибка в консоли:

„Attr.ownerElement“устарела и была удалена из DOM4 (http://w3.org/tr/dom). Uncaught TypeError: Преобразование круговой структуры в JSON

Что я могу использовать, чтобы закончить с помощью html-структуры моего элемента, которую я могу поместить в базу данных и повторно использовать?

Answer 1

Если вы хотите, чтобы сохраняться в HTML структуру, то вам нужно использовать его HTML строку, вы не можете stringify ссылку Dóm. Строку html можно сохранить и использовать позже, чтобы добавить обратно в dom.

var string = $('#some-id')[0].outerHTML 

Answer 2

Использование outerHTML:

document.getElementById('some-id').outerHTML 

Answer 3

Клон jQuery должен выполнять эту работу. Попробуйте следующее:

var elem = $('#some-id'); 
var clone = elem.clone(); 

Кроме того, почему вы храните его в БД?