Как клонировать и изменять тег шаблона Html5 ⇐ Jquery

[Гость]

У меня есть шаблон:

function useIt() { var content = document.querySelector('template').content; // Обновляем что-то в DOM шаблона. var span = content.querySelector('span'); span.textContent = parseInt(span.textContent) + 1; document.querySelector('#container').appendChild( document.importNode(content, true)); Использовать меня Использованный шаблон: 0 alert('Спасибо!')

Вы можете попробовать код здесь. Этот код по сути копирует шаблон (шаблоны HTML5 не отображаются на вашем экране) в другой div. Это позволяет вам повторно использовать DOM.

Проблема: строка «span.textContent = parseInt(span.textContent) + 1;» напрямую изменяет код шаблона. Мне нужно манипулировать DOM контента и клонировать его в контейнер, без изменения шаблона. Это очень важно, поскольку если я хочу повторно использовать код, мне нужно, чтобы он остался прежним.

Я пробовал несколько способов использования jQuery для имитации приведенного выше кода JavaScript, но мне не удалось в этом разобраться. Было бы лучше, если бы был способ jQuery.